首頁猿問 jquery代碼轉(zhuǎn)換成原生js？下...

jquery代碼轉(zhuǎn)換成原生js？下面的這段代碼轉(zhuǎn)換成原生js怎么寫呢？

JavaScript

語兮 2016-08-16 16:18:28

查看完整描述

3 回答

鬧小志

TA貢獻(xiàn)75條經(jīng)驗獲得超42個贊

一張圖片懸浮在頁面上，根據(jù)你的jq代碼改寫如下：

window.onscroll=function(){
?????var?scrollTop?=?document.body.scrollTop?||?document.documentElement.scrollTop;?
?????var?obj?=?document.getElementById("img");
?????//console.log("offsetTop:"+obj.offsetTop);
?????//console.log("scrollTop:"+scrollTop);
?????obj.offsetTop?=?scrollTop?+?100;
}

思路沒錯，但是offsetTop每次的輸出都是一個值，沒有變化，上網(wǎng)找了找，發(fā)現(xiàn)原來offsetTop是可讀不可寫的，也就是只能用它來獲取，但不能設(shè)置。建議此處可絕對定位然后換成更改top值！

over！

反對回復(fù) 2016-08-16

語兮
已經(jīng)按照您提的意見更改了，但仍然沒有達(dá)到效果

回復(fù) 2016-08-17
語兮
圖片還是會跟著滾動條滾動

回復(fù) 2016-08-17
鬧小志
你指的是按照絕對定位更改top值嗎？

回復(fù) 2016-08-17

點擊展開后面1條

檸檬酸鈉

TA貢獻(xiàn)331條經(jīng)驗獲得超534個贊

window.addEventListener("scroll",function () {
? var scrollTop = this.scrollTop;
? var imgs = document.getElementsByTagName("img");
? for (var i= 0;i < imgs.length;i++) {
??? imgs[i].offsetTop = scrollTop;
? }
});

反對回復(fù) 2016-08-16