Индивидуальный скроллер исчезает с вкладками

Question

Я хотел бы помочь с этой проблемой, пожалуйста.

Я пытаюсь создать php-сайт с вкладками и сохранить один и тот же настраиваемый скроллер на каждой вкладке. Эти коды прокрутки, которые я нашел, работают нормально, но настроенная полоса прокрутки перестает отображаться на вкладке 2. Я замечаю, что это происходит, когда я начинаю использовать функции для вкладок (CSS & Javascript).

Сайт Sample можно найти здесь -> http://www.swan10.nl/stuff/scroll/Scroller.php

Функции табуляции и функции прокрутки были помечены соответствующим образом в Scroller.php.

Коды для вкладок также были найдены и изменены, возможно, одна из них отменяет другую? Если да, будет ли способ исправить это?

Эта проблема меня уже несколько часов расстраивает ... Заранее спасибо за помощь.

Answer 1

Я предполагаю, что это потому, что вы повторно используете тот же идентификатор в своем HTML. У вас есть два div, которые оба используют id="mycustomscroll". Идентификаторы должны быть уникальными для каждого элемента на странице. Ваши файлы flexcrollstyles.css нацелены на элемент с этим идентификатором для стилизации полосы прокрутки.

#mycustomscroll {
 /* Typical fixed height and fixed width example */
 width: 490px;
 height: 520px;
 overflow: auto;
 /* IE overflow fix, position must be relative or absolute*/
 position: relative;
 padding: 5px;
 background: none;
}

Если вы хотите повторно использовать стили CSS между элементами, то вам следует сначала изучить использование классов. Пока вы не можете создать чистый код, людям здесь трудно диагностировать, что не так. Но для начала исправим.