Я использовал плагин perfect-scrollbar js. прокрутка работает отлично. Но когда я снова добавляю эту полосу прокрутки для другого контента (той же страницы), он не работает для второго div
. Как добавить несколько полос прокрутки на одной странице с помощью этого плагина?
JS
jQuery(document).ready(function ($) {
"use strict";
$('#Default').perfectScrollbar();
});
CSS
#Default.contentHolder { position:relative; margin:0px auto; margin-top: 20px; padding:0px; width: 285px; height: 450px; overflow: hidden; border: 1px solid #CCC; }
HTML
<div id="Default" class="contentHolder">
/*content goes here. scrollbar works fine here */
</div>
<div id="Default" class="contentHolder">
/*another content goes here. scrollbar does not work here*/
</div>
Используйте классы для назначения плагина. Например:
$('.contentHolder').perfectScrollbar();
или вы также можете использовать цикл .each
если он не работает. Например:
$('.contentHolder').each(function(){
$(this).perfectScrollbar();
});