2011-11-05 86 views
0

我想以不同的速度垂直移动一些元素(包含图像的div)。我已经部分地通过带锚的动画jquery函数来实现这一点。不过,我无法弄清楚如何用滚动事件来做到这一点。我也想通过滚动来进行相同的移动(垂直以不同的速度)。滚动必须在“浏览器滚动”和“鼠标滚动”(不知道这些名称)上具有相同的效果。如何移动滚动上的元素

function scroll() { 
    $("#logo").animate({ "top": "+=180px" }, 1000); 
$("#logo2").animate({ 'top': "+=450px"}, 1000); 
} 

这是我得到的功能。

我做了同样的研究,我发现了一些案件,但没有一个真正帮助我。

任何帮助将不胜感激。

回答

2

请参见:http://jsfiddle.net/5HHxK/1/

什么是你想要的吗?如果你想要不同的速度,相同的“位置”,只是减慢速度:)

+0

嗨马可。感谢您的回复!我认为这会帮助我开始:)。我需要重新考虑我的div的定位(相对vs固定vs绝对)。现在我有两个关于你的回复的问题。如果我想向上滚动呢?广场只是向下滚动,因为我把“顶部”:“+ = __ px”,但是当我向上滚动时,增量应该是“ - = __ px”。另一个问题是如果我需要指定内容的高度(在本例中为100000px)。在不同的浏览器中以及当我尝试调整窗口大小时会发生什么?对不起,如果这些都是基本问题,但我是一个begginer :) – Snapper

+0

看看这个:http://jsfiddle.net/5HHxK/5/ ....不,我只是做了滚动条实际显示(你不能滚动没有滚动条):)你想达到什么?如果它只是一个固定的菜单,你可以使用像这样的插件这个http://jsfiddle.net/5HHxK/ –

+0

Marco你发布的第一个链接是我的问题之一!优秀!虽然我需要获得滚动的位置,但我没有到达那里。谢谢!第二个问题:我问过你,因为我只想在事件(拖放事件)之后允许滚动。在此之前,我想阻止用户滚动(我不知道我是否正确地解释自己)。我想要实现的是这样的:带有菜单的页面(在div之间导航)并允许用户在它们之间滚动。此滚动以不同的速度移动元素(图像)。再一次感谢你Marco – Snapper