JQuery:基于鼠标位置的缩略图自动滚动

Question

我试图使一行缩略图自动滚动在他们的DIV中，这取决于鼠标在哪里。我找到了一个这里的例子，但无法提取/编辑JavaScript以使其正常工作。这里是我失败的尝试。:(

我需要父的DIV填充页面的全部宽度(即100%)。最后，如果我做对了，我想在一个页面上添加多个自动滚动缩略图DIV。

对不起，如果代码不好，我对JavaScript的了解是深渊。

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，它们限制滚动，这样就不必在边缘像素上一直左右滚动。