Question

我有一个基于引导程序的Jekyll页面，其顶部带有导航栏，向下滚动时会更改其类，因此可以单独对其进行CSS编码。我想这是由（我是一个完全的初学者，所以我要做的只是复制粘贴）这些行控制的，

(function($) {
    "use strict";

    // jQuery for page scrolling feature
    $('a.page-scroll').bind('click', function(event) {
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollTop: ($($anchor.attr('href')).offset().top - 50)
        }, 1250, 'easeInOutExpo');
        event.preventDefault();
    });

    // Offset for Main Navigation
    $('#mainNav').affix({
        offset: {
            top: 100
        }
    })

})(jQuery);

基本上，它在affix和affix-top之间更改其类。如果我手动上下滚动，它将起作用。如果单击链接进行滚动，但随后手动向上滚动，则导航栏将一半停留在affix状态。

如果我检查CSS，它看起来是正确的（但呈现出一些错误）。这在Safari中发生，但在Chrome中不发生。我可以采取任何措施来规避这一点吗？

如果手动滚动到顶部，jQuery页面滚动会中断

0 个答案: