我一直在研究这个问题,而且我不知所措。
不确定发生了什么,但我无法通过正确的动画制作.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);
});
答案 0 :(得分: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;
});