jquery滑动滚动功能

jquery滑动滚动功能,jquery,Jquery,我在部署垂直页面滚动功能时遇到问题 假设我有3个导航和内容示例[主页],[关于我们]和[服务]。现在,如果我要在主页按钮后单击关于我们,它将正确向下滚动到关于我们。如果我要在“关于我们”按钮之后单击“服务”按钮,它将向上滚动回到主页,而不是向下滚动到“服务”按钮。有时,如果你双击同一个按钮,它会来回滚动到下一个内容和当前内容页 $(function() { $('menu a').bind('click',function(event){ var $anchor = $(

我在部署垂直页面滚动功能时遇到问题

假设我有3个导航和内容示例[主页],[关于我们]和[服务]。现在,如果我要在主页按钮后单击关于我们,它将正确向下滚动到关于我们。如果我要在“关于我们”按钮之后单击“服务”按钮,它将向上滚动回到主页,而不是向下滚动到“服务”按钮。有时,如果你双击同一个按钮,它会来回滚动到下一个内容和当前内容页

$(function() {
    $('menu a').bind('click',function(event){
        var $anchor = $(this);
        $('#main, section').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1500,'easeInOutExpo');
        /*
        if you don't want to use the easing effects:
        $('#main, section').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1000);
        */
        event.preventDefault();
    });
});

这是我的网站链接,您可以查看实际代码和功能。

我不确定您的问题,但请尝试:

.....
$('#main, section').stop().animate({
scrollBottom: $($anchor.attr('href')).offset().bottom
}, 1500,'easeInOutExpo');

嗯,谢谢你的回复。虽然您提到的当前代码将命令仅滚动到底部。以下是我对滚动问题的看法。[主页][关于我们][服务]如果我在主页按钮后单击关于我们,它将正确向下滚动到关于我们。现在,如果我要单击服务,它将向上滚动到主页,而不是向下滚动到服务。而且,如果你双击同一个链接,它会向上滚动回到主页,这会给每个内容提供恼人的导航。