добавить несколько полос прокрутки на одной странице, используя плагин perfect-scrollbar

0

Я использовал плагин 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>
Теги:
scrollbar
jquery-plugins

1 ответ

1
Лучший ответ
  1. Ваш HTML недопустим. У вас не может быть одинакового идентификатора для нескольких элементов.
  2. Используйте классы для назначения плагина. Например:

    $('.contentHolder').perfectScrollbar();
    

или вы также можете использовать цикл .each если он не работает. Например:

$('.contentHolder').each(function(){
    $(this).perfectScrollbar();
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню