jQuery的幻灯片滚动功能

我有问题部署垂直页面滚动功能出错的地方。jQuery的幻灯片滚动功能

假设我有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所以你可以看到实际的代码和功能。

来源

2012-01-23 iMarkDesigns

我不知道你的问题，但尝试：

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

来源

2012-01-23 04:37:21 Uffo

嗯，感谢您的答复。虽然您提到的当前代码将仅命令滚动底部。这是我的意思是滚动问题。 [首页] [关于我们] [服务]如果我点击主页按钮后关于我们，它会正确地向下滚动到关于我们。现在，如果我要点击服务，它将向上滚动到主页，而不是向下滚动到服务。对此，如果您双击相同的链接，它将向上滚动回到首页，这会给每个内容带来烦人的导航。 – iMarkDesigns

我相信我这里的问题是关于scrollTop或scrollBottom ... – iMarkDesigns

jQuery的幻灯片滚动功能

回答

相关问题