Question

我正在尝试使用jQuery创建一个垂直平滑的滚动网站。我正在使用此JavaScript和本教程Smooth Scrolling Website来创建网站。

但我使用固定标题时出现问题，滚动效果很好，但它显示在相关div的一半，因为div正在对齐页面顶部，而不仅仅是我想要的固定标题。

我已经尝试为scrollTop添加一个偏移量，但是页面上的所有地狱都松了一下，出现在固定标题上面的东西等等。只是一个页面混搭真的。如果任何人都能放弃任何光线，我们将不胜感激。

$(function() {  
        $('ul.menu a').bind('click',function(event){
                    var $anchor = $(this);

                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top
                    }, 1500,'easeInOutExpo');
                    /*
                    if you don't want to use the easing effects:
                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top
                    }, 1000);
                    */
                    event.preventDefault();
                });
            });

我在StackOverflow（+ $('.fixedheader').outerHeight()）上找到了这个代码并将其添加到我的代码中（在scrollTop: $($anchor.attr('href')).offset().top之后）它确实有效，但似乎有相反的效果。有谁知道为什么？

Answer 1

我已经解决了这个问题，

+ $('.fixedheader').outerHeight()

应该是

- $('.fixedheader').outerHeight()

对我来说太傻了，无论如何都欢呼。

jQuery使用scrollTop偏移固定标头

1 个答案: