jquery代码转换成原生js？下面的这段代码转换成原生js怎么写呢？

Question

<script> $(function(){  $(window).scroll(function(){   var scrollTop=$(this).scrollTop();   $("img").offset({top:scrollTop+100});  }); })</script>

Answer 1

一张图片悬浮在页面上，根据你的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！

Answer 2

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;
  }
});