0

我正在尝试使用 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）它确实有效，但似乎有相反的效果。有人知道为什么吗？

4

1 回答 1

0

这个我解决了

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

应该

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

我太傻了，无论如何，欢呼吧伙计们。

于 2012-09-27T12:15:47.080 回答