2012-07-24 65 views
0

关于我昨天在这里发布的问题,我试图获得一个div,它在滚动时水平移动,但它只能跨越很远(因为它是总窗口宽度减去垂直滚动的数量),但我希望这个div在整个页面中都能够完成......我该怎么做?jQuery水平滚动横跨整个宽度

http://jsfiddle.net/wH3Fn/

+2

你有什么尝试我见过,然后在这里最后4次迭代这个小提琴。尽管我知道使用SO作为代码生成工具很诱人。 – albertjan 2012-07-24 09:05:12

+0

我知道,我很欣赏我采取了懒惰的做法,下次我会做更好的研究。无论如何,谢谢你。 – 2012-07-24 09:34:28

回答

1

正如我昨天回答了这个问题,我会在这里帮腔了。

添加以下到您的滚动处理

console.log($("#block").css('left')); 

显示该块继续移动后,它拿出来看。如果你需要更快地行动(也就是说,如果你希望它仍然呈视图在窗口的整个宽度移动),然后简单地乘了左值如下:

$("#block").css({ "left": (windowWidth - $(window).scrollTop())*2}); 

编辑以上,使块的移动速度提高两倍(最后的* 2乘数)。如果你需要它移动得更快,使用* 3等等。

就你的问题发表评论,我知道使用SO作为代码生成工具很诱人,但这种问题相对比较简单,只需要一点逻辑和一些试验和错误来解决你自己...你应该尝试或许在未来来这里问问题之前做一些研究。

+0

我很抱歉,我只是试图去解决这个问题,我曾尝试乘以scrollTop而不是整个总和,这就是我出错的地方。我很欣赏我采取了懒惰的做法,下次我会做更好的研究。无论如何,谢谢你。 – 2012-07-24 09:34:09

+0

很好......我没有问题回答后续问题,但从我所了解的情况来看,它似乎就像它认为的差礼仪。很高兴你的问题解决了:) – djeglin 2012-07-24 09:52:30