亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

jquery代碼轉換成原生js？下面的這段代碼轉換成原生js怎么寫呢？

jquery代碼轉換成原生js？下面的這段代碼轉換成原生js怎么寫呢？

語兮 2016-08-16 16:18:28
<script> $(function(){ ?$(window).scroll(function(){ ? var scrollTop=$(this).scrollTop(); ? $("img").offset({top:scrollTop+100}); ?}); })</script>
查看完整描述

3 回答

?
鬧小志

TA貢獻75條經驗 獲得超42個贊

一張圖片懸浮在頁面上，根據你的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每次的輸出都是一個值，沒有變化，上網找了找，發現原來offsetTop是可讀不可寫的，也就是只能用它來獲取，但不能設置。建議此處可絕對定位然后換成更改top值！

over！

查看完整回答
反對 回復 2016-08-16
  • 語兮
    語兮
    已經按照您提的意見更改了，但仍然沒有達到效果
  • 語兮
    語兮
    圖片還是會跟著滾動條滾動
  • 鬧小志
    鬧小志
    你指的是 按照絕對定位更改top值嗎？
點擊展開后面1條
?
檸檬酸鈉

TA貢獻331條經驗 獲得超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;
? }
});

查看完整回答
反對 回復 2016-08-16
  • 語兮
    語兮
    我想要的效果是一張圖片一直懸浮在頁面中 而且你的代碼沒有獲取到scrollTop
  • 檸檬酸鈉
    檸檬酸鈉
    何以見得我沒有獲取scrollTop
  • 3 回答
  • 0 關注
  • 2483 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號