滚动主体时更改元素

时间:2014-05-22 07:45:53

标签: jquery media-queries

我只想改变像滚动body标签时更改标题等元素,就像这个网站http://www.engadget.com/一样。

我已经尝试了但是在警告我身体滚动了我设置的值。所以这里是代码:

脚本:

$(document).ready(function() {

$("body").scroll( function() {
    var top = $(this).scrollTop();
    if(top > 147){
        alert("hey!");
    }
});

}); 

和html:

<body>
<div style='height: 5000px;' ></div>
</body>

任何想法???

1 个答案:

答案 0 :(得分:0)

您需要将滚动事件附加到document而不是body

$(document).scroll( function() {
    var top = $(this).scrollTop();
    if(top > 147){
        alert("hey!");
    }
});

Working fiddle

您可以使用代码重新发送alert(),以便在用户向下滚动页面时根据需要修改DOM。