2016-10-06 1 views
1

Используя код 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; 
     } 
    } 
    }); 
}); 

ответ

1

Я не в состоянии воссоздать этот вопрос вы описываете. Гладкая прокрутка идет к соответствующему разделу на вашей странице.

Смежные вопросы