jquery - jQuery水平滚动一直跨越宽度

Question

关于我昨天在这里发布的一个问题，我试图获得一个在滚动时水平移动的 div，但是它只能跨越这么远（因为它是总窗口宽度减去垂直滚动的量）但我想要这个 div一直遍历页面...我该怎么做？

http://jsfiddle.net/wH3Fn/

Answer 1

正如我昨天回答的问题一样，我也会在这里插话。

将以下内容添加到您的滚动处理程序

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

显示方块在视线之外继续移动。如果您需要它更快地移动（即，如果您希望它在仍然在视图中的同时在窗口的整个宽度上移动），那么只需将左值乘以如下：

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

上面的编辑使块的移动速度提高了两倍（最后的 *2 乘数）。如果您需要它更快地移动，请使用 *3 等等。

正如对您的问题所评论的那样，我知道使用 SO 作为代码生成工具很诱人，但是这种问题相对简单，可以通过一点逻辑和一些反复试验来解决……您应该尝试做一些研究也许在将来来这里问这个问题之前。