最近心血來潮，突然想到鼠標滾動改變背景的效果，思路很明確，通過獲取鼠標滾動條距離頂端的位置改變背景。實際操作中卻遇到不少問題。
首先，便是針對鼠標滾動對象的選取，其次，百度了之后發現srollTop這個屬性在不同的瀏覽器中存在一定的兼容性的問題：document.documentElement.scrollTop(火狐)，document.body.scrollTop(谷歌),有了兼容性代碼后，使用的時候卻發現其值一直為零，當時整個人都不好了，代碼如下：
var sTop=document.body.scrollTop;
window.addEventListener("scroll",function(){
console.log(sTop);
},false);
查了好久之后才知道哪里gg了，原來當頁面加載是，此時已經將此刻高度的0賦值給了sTop，所以一直為0= =！，瞬間覺得自己很弱智。
改正后輸出正確效果：
window.addEventListener("scroll",function(){
var sTop=document.body.scrollTop;
console.log(sTop);
},false);

特此記錄下來，以防自己再次蠢哭
總結起來3點：
1.選取合適的添加事件的對象；
2.考慮到瀏覽器的兼容性問題，這個屬性在各大瀏覽器中都是支持的，只是在獲取的時候要考慮到一定的兼容性問題
（ie和Safari已經測過，opera沒測）
3.這個屬性要注意動態的獲取

ps：jq中則需要使用scrollTop()方法：
$("button").click(function(){
alert($("div").scrollTop());
});

新手，有不妥之處還請不吝賜教~~

總結

以上是生活随笔為你收集整理的浅谈scrollTop属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。