对不起,我的 JQuery 很差。
我得到了一个代码来满足我的要求,它是 Jquery。任何人都可以将它转换成普通的 javascript
$(window).scroll(function() {
var scrollTop = $(window).scrollTop();
$("#mybox").css("top", scrollTop + "px");
});
CSS 部分
#mybox
{
position:absolute;
width:200px;
height:50px;
background-color:red;
}
我正在使用它在页面底部显示一个 float 链接,即使用户浏览了该页面也是如此
<script type="text/javascript">
window.addEventListener('scroll', function() {
var scrollTop = window.pageYOffset;
document.getElementById('worklist').style.top = scrollTop;
});
</script>
<div id="worklist" style="position: absolute; bottom: 5px; right: 50px;">
<a href="LinkHere"><h2>Work List</h2></a>
</div>
最佳答案
我猜也许这就是你想要的:
window.addEventListener('scroll', function() {
var scrollTop = window.pageYOffset;
document.getElementById('worklist').style.bottom = -scrollTop + "px";
});
这将使您的链接保持在页面的底部。
希望这对您有所帮助!
安迪。
关于javascript - 将 Jquery 转换为 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11356836/