JQuery：縮略圖根據鼠標位置自動滾動

Question

我想讓一行縮略圖在其DIV中自動滾動，具體取決於鼠標的位置。我找到了here之後的示例，但無法提取/編輯JavaScript以使其正常工作。 Here是我的失敗嘗試。 :(

我需要父DIV填充頁面的全部寬度（ie100％）。最終，如果我得到這個權利，我想添加一個頁面上的多個自動滾動縮略圖DIV

很抱歉，如果代碼是壞的，我的JavaScript的知識是糟糕

Answer 1

你是非常接近的，雖然你有javascript和perl的變量的mismash等

一些注意事項：。

• $用作jQuery的別名。所以，$()與jQuery()相同。它不像Perl中的變量標識符。

• $div應該是$('div')，但它不是，如果你馬上要打電話children()或find()非常有用的。而不是$('div.album')

• 而不是使用63 * number_of_elements計算寬度，使用jQuery來獲得他們的實際寬度使用.outerWidth(true)。 true意味着它包括利潤。

這裏是基於關閉工作示例代碼：

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

我添加的變量leftBuffer和rightBuffer其約束滾動，讓你不必上非常有優勢像素向左/向右滾動。