在使用jQuery scrollTop时遇到一些麻烦

时间:2013-03-25 17:27:09

标签: javascript jquery html 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 个答案:

答案 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;

});

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