Плагин jQuery Tiny Scrollbar - не показывает весь контент при обновлении

Question

Я реализовал плагин Tiny Scrollbar на веб-сайте для красивой прокрутки div.Но странные вещи случаются, когда я обновляю страницу в Safari или Chrome.Это швы, чтобы обрезать часть моего контента.Что происходит при обновлении страницы, что может привести к такому поведению?Пожалуйста, посмотрите на mettestentoft.dk

Я пытался использовать тот же плагин на простой тестовой странице, где обновление страницы заставило бы плагин добавить класс 'прокрутка отключить' классdiv, нажимая на ссылку, ссылающуюся на ту же страницу, заставит меня показывать как надо.

Плагин Tiny Scrollbar не имеет никаких проблем, если только я не пропускаю его.страницу, загружаемую в равной степени на связанную страницу?

Заранее спасибо:)

Answer 1

Я попытался в вашем коде поставить js до окончания тега body. Я работал для меня на локальном компьютере или на локальном хосте, но не мог решить онлайн.

Тогда я нашел ссылку на сайт Остргарда: http://mettestentoft.dk/erhverv.html

Он решил эту проблему. Я видел и проверял его код и нашел там решение.

Просто установите этот код для идеальной работы:

<script type="text/javascript">
$(window).bind("load", function() {     
    $('#scrollbar1').tinyscrollbar();
});
</script> 

Answer 2

У меня была похожая проблема, решение shahzad работало на меня, но только при первой загрузке, а не при обновлении. Это было вызвано загрузочным кешем jQuery. Решение:

$(window).load({noncache: new Date().getTime()},function() { $('#scrollbar1').tinyscrollbar();} );

Answer 3

Как вы инициализируете плагин Scrollbar? это $('#cases_container').tinyscrollbar();?

Снять заданную высоту #cases_container дел.

Nodo.css line: 101.

#cases_container {
    /*height: 383px;*/
    width: 550px;
    /*overflow-x: hidden;*/
    /*overflow-y: hidden;*/
    /*position: relative;*/
    /*top: -200px;*/
    /*left: 250px;*/
}

Я предполагаю, что это приведет к неправильному расположению на странице, поэтому создайте еще один контейнерный div, который применяет все относительные позиции и т. Д., Но оставляет переполнение скрытым.