JQuery：缩略图根据鼠标位置自动滚动

Question

我试图让一排缩略图在他们的DIV中自动滚动，具体取决于鼠标的位置。我找到了一个我在here之后的例子，但无法提取/编辑JavaScript以使其正常工作。 Here是我失败的尝试。 ：（

我需要父DIV来填充页面的整个宽度（即100％）。最后，如果我做对了，我想在页面上添加多个自动滚动缩略图DIV。

对不起，如果代码不好，我对JavaScript的了解 abysmal 。

Answer 1

你非常接近，尽管你有javascript和perl变量的错误等等。

一些注意事项：

• $用作jQuery的别名。因此，$()与jQuery()相同。它不是perl中的变量标识符。

• $div应为$('div')，但如果您立即致电children()或find()，则效果不大。而是$('div.album')

• 不使用63 * number_of_elements计算宽度，而是使用jQuery使用.outerWidth(true)获取实际宽度。 true表示它包含边距。

以下是基于代码的工作示例：

http://jsfiddle.net/jtbowden/BAjQB/

我添加了约束滚动的变量leftBuffer和rightBuffer，这样您就不必在最边缘的像素上向左/向右滚动。