jquery滑动滚动功能
我在部署垂直页面滚动功能时遇到问题 假设我有3个导航和内容示例[主页],[关于我们]和[服务]。现在,如果我要在主页按钮后单击关于我们,它将正确向下滚动到关于我们。如果我要在“关于我们”按钮之后单击“服务”按钮,它将向上滚动回到主页,而不是向下滚动到“服务”按钮。有时,如果你双击同一个按钮,它会来回滚动到下一个内容和当前内容页jquery滑动滚动功能,jquery,Jquery,我在部署垂直页面滚动功能时遇到问题 假设我有3个导航和内容示例[主页],[关于我们]和[服务]。现在,如果我要在主页按钮后单击关于我们,它将正确向下滚动到关于我们。如果我要在“关于我们”按钮之后单击“服务”按钮,它将向上滚动回到主页,而不是向下滚动到“服务”按钮。有时,如果你双击同一个按钮,它会来回滚动到下一个内容和当前内容页 $(function() { $('menu a').bind('click',function(event){ var $anchor = $(
$(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');
嗯,谢谢你的回复。虽然您提到的当前代码将命令仅滚动到底部。以下是我对滚动问题的看法。[主页][关于我们][服务]如果我在主页按钮后单击关于我们,它将正确向下滚动到关于我们。现在,如果我要单击服务,它将向上滚动到主页,而不是向下滚动到服务。而且,如果你双击同一个链接,它会向上滚动回到主页,这会给每个内容提供恼人的导航。