2013-03-25 52 views
0

我一直在研究这个问题,并且我很茫然。jQuery的一些问题scrollTop

不太确定发生了什么,但我无法获取此.animate()以正确地进行动画。

我做了一个JS小提琴,概述了我设置东西的方式。基本上,它的4个幻灯片,每个都是100%的高度和100%的宽度,我从每个幻灯片的每个链接动态获取幻灯片目标。

我做了一个的jsfiddle,试图让它正常工作:

http://jsfiddle.net/mikelegacy/WrZev/

这里是我使用jQuery,你必须看的jsfiddle得到的东西全部范围,但是。

$("a.scrollButton").click(function(e) { 
    var slideId = $(this).attr("href"); 
     $("html, body").animate({ 
      scrollTop: $(slideId).offset().top 
     }, 2000); 
}); 

回答

1

将a.scrollButton更改为a.slideButton,就像在HTML中一样。

$("a.slideButton").click(function(e) { 
    var slideId = $(this).attr("href"); 
     $("html, body").animate({ 
      scrollTop: $(slideId).offset().top 
     }, 2000); 
    return false; 

}); 

http://jsfiddle.net/calder12/WrZev/2/

+0

我建议将'FALSE'返回到该处理程序:没有它有在Firefox可见毛刺,至少。 – raina77ow 2013-03-25 17:36:12

+0

够公平的,我在Chrome中测试,所以没有注意到任何东西,谢谢你。 – 2013-03-25 17:38:06

+0

废话,这是JSFiddle上的一个愚蠢的错误,不知道为什么,但我双重检查了我的实际代码,并且我确实有正确的选择器集,它仍然无法正常工作。显然,页面上的其他内容正在搞乱功能... – 2013-03-25 17:38:22