Блог

Главная - Вопросы по программированию - проблема с пользовательским плагином полосы прокрутки

проблема с пользовательским плагином полосы прокрутки

#jquery #css #jquery-plugins

#jquery #css #jquery-плагины

Вопрос:

Вот исходный код плагина: http://manos.malihu.gr/jquery-custom-content-scroller

И вот моя страница, она еще не закончена: XXX

Когда я прокручиваю вниз оба раздела прокручиваются вместе! Я ничего не знаю о jQuery и Java, не могли бы вы, пожалуйста, мне помочь?

Ответ №1:

Ваша проблема в том, что у вас есть два <div> элемента с одинаковым id атрибутом, это:

 <div id="mcs4_container">

появляется дважды в вашем HTML. Ваши id атрибуты должны быть уникальными на каждой странице. Решение состоит в том, чтобы изменить один из них на (например):

 <div id="mcs6_container">

И это к вашему jQuery:

 $("#mcs6_container").mCustomScrollbar("vertical", 200, "easeOutCirc", 1.25, "fixed", "yes", "no", 0);

Вы также могли бы заменить свою #mcs4_container привязку к этому, чтобы связать их оба сразу:

 $('#mcs4_container, #mcs6_container').mCustomScrollbar("vertical", 200, "easeOutCirc", 1.25, "fixed", "yes", "no", 0);

Также может быть просто ошибкой копирования и вставки. Я заметил, что у вас есть несколько «mcs * _container» <div> , упомянутых в вашем jQuery.

Комментарии:

1. спасибо вам ооочень большое! но, похоже, что что-то не так, когда я прокручиваю второй div glamorous.p2h.info/ee =(

2. @emoo: Я думаю, вам просто нужно изменить параметры положения для скроллера, к которому вы подключаетесь #mcs6_container ; второй скроллер, похоже, работает, он просто не в том месте.

3. привет, прошло больше месяца, а у меня все еще та же проблема. но я кое-что нашел; когда я заменяю раздел галереи любым текстом, прокрутка работает! я хочу исправить это и сохранить раздел галереи в то же время, не могли бы вы, плз, мне помочь

4. @emoo: У вас есть живой пример вашей проблемы? Он все еще на glamorous.p2h.info/ee ?

5. @emoo: Я думаю, что ваша <div> вложенность может быть перепутана в нижней. Пытаюсь удалить <div class="work"> , скопируйте <div class="updates"> , измените id в копии на mcs6_container , а затем замените текст в копии на свой <ul> . У вас также нет clearfix класса CSS, и, вероятно, поэтому список переполнен <div> . Я не знаю, почему он прокручивается назад, минимальный пример проблемы в jsfiddle. net был бы полезен.