原因：
一、浏览器兼任的问题
IE6/7/8： 可以使用 document.documentElement.scrollTop； 
IE9及以上： 可以使用window.pageYOffset或者document.documentElement.scrollTop 
Safari:  safari： window.pageYOffset 与document.body.scrollTop都可以； 
Firefox:  火狐等等相对标准些的浏览器就省心多了，直接用window.pageYOffset 或者 document.documentElement.scrollTop ；
Chrome： 谷歌浏览器只认识document.body.scrollTop;

二、没有产生滚动条

1. 外部的div一定有高度，否则外部div将和内部div高度一致，不满足大于条件，所以不会出现滚动条。
2. 外部div的 overflow：auto。hidden的情况下超出的部分被隐藏，无法出现滚动条

解决方法：

var heightTop = document.documentElement.scrollTop || document.body.scrollTop||0;