smoothDivScroll在多個div同一頁面

與平滑滾動一個div水平偉大的插件工作。使用：http://www.smoothdivscroll.com smoothDivScroll在多個div同一頁面

我在一個頁面上有兩個部分，我希望能夠使用此功能進行定位。現在，當我另一個ID /實例添加到jQuery函數調用它只會把它應用到的第一個頁面上

$("div#jobs,div#companies").smoothDivScroll({ 
    hotSpotScrolling: false, 
    touchScrolling: true, 
    mousewheelScrolling: false 
});

任何想法如何得到這個適用於滾動區域的X個1頁...

添加： 下面是div的標記：

 <div id="jobs" style="position:absolute;z-index:2;top:143px;left:15px;width:305px;height:135px;overflow:auto;"> 
      <img src="images/jobs-row.png" /> 
     </div> 
     <div id="companies" style="position:absolute;z-index:2;top:336px;left:15px;width:305px;height:132px;overflow:auto;"> 
      <img src="images/companies-horizontal.png" /> 
     </div>

來源

2013-05-31 estern

ID必須是上下文頁 –

他們在這種情況下，唯一的。我有兩個div，每個都有獨特的ID ...這樣，我可以根據需要分別鎖定每個div。 – estern

「ID必須是上下文頁面上獨特的」是的。因此，使用類代替：

<div id="jobs"></div> 
<div id="jobs"></div>

變成了：

<div class="jobs"></div> 
<div class="jobs"></div> 


$("div.jobs,div.companies").smoothDivScroll({ 
    hotSpotScrolling: false, 
    touchScrolling: true, 
    mousewheelScrolling: false 
});

來源

2013-05-31 16:46:44

我在發佈之前也想到了這種方法，並創建了一個可重用的可定位類，我可以將其放在我想要的任何東西上，但發生的結果相同，它只將邏輯應用於頁面上的第一個實例... – estern

您的意思是插件只適用於div＃工作？這是你第一個實例嗎？ –

在這裏，它適用於兩個元素：http://jsfiddle.net/nAMda/ –

smoothDivScroll在多個div同一頁面

回答

相關問題