Используя код CSS Tricks Smooth Page Scroll, и мы только заметили, что когда вы нажимаете на ссылку навигации в первый раз, она прокручивается вниз, но не до такой степени, что она должна быть ~ 700 пикселей выше предполагаемого раздела. Любые последующие клики работают очень хорошо, это самый первый щелчок навигации, который странный.Плавный прокрутка страницы - первый щелчок прокрутки в неправильное положение. Вторая ссылка работает просто отлично
Я попробовал window.load вместо этого, поскольку я прочитал, что все элементы страницы могут не загружаться к моменту, когда пользователь делает первый щелчок, но это не помогло.
JQuery Версия: 1.12.4/jquery.min.js
$(function() {
$('a[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});