修复jQuery滚动

时间:2009-05-05 08:24:03

标签: jquery scroll

点击带有ID 的链接后,必须滚动页面(让它为#link)。

这是我的代码,无效

$(document).ready(function(){
    $("#link").click(function () { 
        $(this).animate({ scrollTop: 2000 }, 'slow'); 
    });
});

但是这个工作,在页面加载后慢慢滚动到页面底部:

$(document).ready(function() {
    $('html, body').animate({ scrollTop: 6000 }, 'slow'); 
});

身体的高度是6000px。

3 个答案:

答案 0 :(得分:3)

在您的第一个示例中,您正在设置实际链接元素的scrollTop,其中没有任何内容可以滚动。 (没有溢出)

$(document).ready(function(){
    $("#link").click(function () { 
        $("body").animate({ scrollTop: 2000 }, 'slow'); 
    });
});

她对https://developer.mozilla.org/En/DOM/Element.scrollTop

的解释非常好

答案 1 :(得分:2)

看起来你试图动画'this'这将是链接!

你应该试试$(window).animate吧!或者甚至是文件,抱歉不确定!

答案 2 :(得分:1)

尝试$('html,body')。动画以支持所有浏览器