猿问

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

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


语兮
浏览 2435回答 3
3回答

闹小志

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

柠檬酸钠

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;   } });
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答