jquery幻灯片滚动功能

Question

我在部署函数出错的情况下部署垂直页面滚动有问题。

假设我有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();
    });
});

这是我的网站链接Customer Site，因此您可以看到实际的代码和功能。

Answer 1

我不确定你的问题，但请尝试：

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