猿问
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!
0
0
4
柠檬酸钠
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; } });
0
0
2
随时随地看视频
慕课网APP
相关分类
JavaScript
我要回答