javascript - 将 Jquery 转换为 Javascript

Question

对不起，我的 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;
}

我正在使用它在页面底部显示一个浮动链接，即使用户浏览了页面

<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>

Answer 1

我猜也许这就是你想要的：

http://jsfiddle.net/fuJbh/

window.addEventListener('scroll', function() {
    var scrollTop = window.pageYOffset;
    document.getElementById('worklist').style.bottom = -scrollTop + "px";
});​

这将使您的链接保持在页面底部。

希望这可以帮助！

安迪。

Answer 2

在我的脑海中，是这样的：

window.addEventListener('scroll', function() {
    var scrollTop = window.pageYOffset;
    document.getElementById('mybox').style.top = scrollTop;
});

Answer 3

获取窗口滚动事件的等效 JavaScript 是

window.onscroll = 函数（）

{

// 这里写下你滚动时想要做什么。

}