滚动时DIV向上移动

时间:2011-11-15 17:09:53

标签: javascript jquery html scroll

在使用浏览器上的滚动向下移动时,我一直试图让DIV向上移动,但我找不到有效的解决方案。

更具体地说,例如,如果我用图像填充DIV,当我向下滚动浏览器窗口滚动条时,我希望这些图像向上滚动。因此,当您向下移动更长的页面时,DIV会向上移动并显示更多图像。

你能给我一些如何获得这种效果的建议吗?

3 个答案:

答案 0 :(得分:2)

尝试这样的事情:

$(window).scroll(function(){            
    $("#scrollingDiv").stop().animate({ "marginTop": ($(window).scrollTop() + 30) + "px"}, "slow"); 
});

答案 1 :(得分:1)

我不完全遵循您要对<div>内容进行的操作,但有一种简单的方法可以使用jQuery检测页面滚动:

$.scroll(function() {
    alert('Scroll position: ' + $('html').scrollTop());
});

从那里,您可以使用此值$('html').scrollTop()定位您想要的任何内容。

答案 2 :(得分:0)

也许我误解了,但是,无论用户向下滚动页面多远,您是否都试图将DIV保持在固定位置?

如果是这样的话:

position:fixed