Крошечная полоса прокрутки не работает с JavaScript (конфликт JavaScript)

Question

Я использую крошечную полосу прокрутки для моего нового веб-сайта www.digimobjobs.com Я использую эту полосу прокрутки во многих местах, но этот веб-сайт является единственным местом, где есть проблема с полосой прокрутки.Вот где: http://www.digimobjobs.com/news.php.

На вкладке «Твиттер» и «Новости» необходимо указать определенную высоту прокрутки:

#newsWidget
{
    font-weight:lighter;
    font-size:12px; 
    height:2000px;
    color:#333333;
    text-align:left;
}

#twitter-ticker{
    width:610px;
/*  height:921px; */
height:1025px;
    color:#4297f9;
/*  display:none; */
    text-align:left;
}

В остальных местах я используютот же код крошечной полосы прокрутки.Я думаю, что конфликт между JavaScript.На самом деле мне не хватает знаний о javascript.Может ли кто-нибудь помочь мне, пожалуйста?Если вы используете Firebug, вы можете увидеть весь мой код.Пожалуйста, помогите мне!

Answer 1

Я протестировал ваш сайт с Google Chrome и Firefox, и я не вижу любую проблему.

---

Дополнительно

Однако, если у вас все еще есть проблемы, вы можете подумать об изменении полосы прокрутки с помощью CSS3.

Подробнее:

• Surfin 'Safari Blog (труднее для понимания)
• CSS-хитрости * (проще для понимания)

В заключение, это в основном работает так: (Отсайт CSS-Tricks)

::-webkit-scrollbar              { /* CSS here */ }  /*the whole scrollbar*/
::-webkit-scrollbar-button       { /* CSS here */ }  /*the scrollbar buttons*/
::-webkit-scrollbar-track        { /* CSS here */ }  /*the scrollbar's whole track*/
::-webkit-scrollbar-track-piece  { /* CSS here */ }  /*the scrollbar's track*/
::-webkit-scrollbar-thumb        { /* CSS here */ }  /*the scrollbar's moving piece*/
::-webkit-scrollbar-corner       { /* CSS here */ }  /*bottom corner piece (when no resize)*/
::-webkit-resizer                { /* CSS here */ }  /*bottom corner piece (when there's resizing)*/

---

Обновление

Я провел несколько тестов и исправил вторую вкладку:

// Try running this in the console when it the page is completely loaded.
$("#news_feed").tinyscrollbar();
$("#news_feed").tinyscrollbar_update();

Согласно Tiny Scrollbar сайт, как было сказано,

Метод обновления (.tinyscrollbar_update()) можно использовать для настройки полосы прокрутки на новый контент.

Так что вам придется звонить каждый раз, когда вы меняете контент.Например, ваше обновление XML должно вызывать его каждый раз.

Но почему проблема возникает?
После нескольких испытаний кажется, что api запускается до того, как высодержимое загружено.
В результате он подумал, что два <div> пустые и не имеют высоты (поэтому для вас нет полосы прокрутки).

Первая вкладка Twitter?
Попробуйте исправить это самостоятельно.

Я никогда раньше не использовал этот плагин, поэтому я могу ошибаться.Исправь меня, если увидишь ошибку.

Answer 2

Пожалуйста, перезапустите панель tinyScroller по этому методу.

$ ( '# scrollbar1') tinyscrollbar_update ();.