用鼠标滚轮和侧边栏更改Div Y位置
|
我需要在使用鼠标滚轮或侧栏向下或向上滚动时，我的div逐渐更改Y位置（例如，向上或向下50px）。我在Javascript / Jquery中需要这个。
我尝试使用此代码，但仅适用于向下滚动（“向下滚动和向上滚动”功能运行良好，只有动画部分无法正常工作）：
更新：
var sidebarScrollTop = 0;
$(document).ready(function() {
sidebarScrollTop = $(\"body\").offset();
$(window).scroll(function ()
{
var docScrollTop = $(\'body,html\').scrollTop();
if(docScrollTop > sidebarScrollTop.top)
{
$(\"#legend\").stop().animate({ marginTop: \"+=50px\",}, \'slow\', \"easeOutCirc\" );
}
else
{
$(\"#legend\").stop().animate({ marginTop: \"-=50px\",}, \'slow\', \"easeOutCirc\" );
}
});
});
$(window).resize(function()
{
sidebarScrollTop = $(\"#legend\").offset().top;
});
$(document).resize(function()
{
sidebarScrollTop = $(\"#legend\").offset().top;
});
没有找到相关结果
已邀请:
2 个回复
bab
$(window).scroll(function() { // Your scroll code here });的y值。 如果将定位为绝对值，则仅更改其最高值。翁茄口霉氖
div { position: fixed; z-index: 100; top: 100px; left: 100px; }