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同一页面

回答

相关问题