Опция хеш-функции localscroll мерцает при прокрутке страницы. Как сделать плавную прокрутку

Question

Я реализую плагин jquery ( localscroll ) для плавной прокрутки к именованным элементам привязки на странице. localscroll поддерживает опцию, называемую «хэш», и в основном она добавляет именованный хэш привязки в URL, чтобы пользователю было легко делать закладки и перемещаться с помощью кнопок браузера назад / вперед.

---

HTML

<ul id="navigation" class="main_menu">
    <li><a href="#panel_home">Home</a></li>
    <li><a href="#panel_story">Story</a></li>
    <li><a href="#panel_mantra">Mantra</a></li>
    <li><a href="#panel_showcase">Showcase</a></li>
    <li><a href="#panel_experience">Experience Us</a></li>
</ul>

Javascript (jquery)

$(document).ready(function () {
    $("#navigation").localScroll({
        offset: {left: 0, top: -56},
        hash: true,
        easing: 'easeInOutExpo'
     });
});

Приведенный выше код работает нормально, но всякий раз, когда нажимается ссылка, прокрутка начинается с мерцания (возможно, из-за того, что в браузере по умолчанию используется переход к названной привязке). Это мерцание более заметно в Firefox, чем в Chrome или Safari, и это большая НЕТ-НЕТ. Как я могу сделать переход плавным с адресной строкой, отражающей текущую именованную привязку ?? Буду признателен за любую оказанную помощь. Thanx!

Answer 1

Я узнал, почему моя страница мерцала при нажатии на ссылки, сопоставленные с localscroll. Я включил файл jquery.js после файла localscroll.js, который вызывал это странное поведение. Итак, я включил все уменьшенные версии jquery, localscroll, easing и других javascripts, которые я использовал в своих скриптах, в один файл .js, и это устранило проблему.