2009-05-05 84 views
2

页面必须在点击链接ID为(让它为#link)后滚动。修复jQuery滚动

这里是我的代码,它不工作

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

这一个工程,在页面加载后慢慢滚动到页面底部:

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

身体的高度是6000px。

回答

3

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

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

赫斯是的https://developer.mozilla.org/En/DOM/Element.scrollTop

+0

工作正常,从顶部到底部滚动。 – Mike 2009-05-05 09:07:55

2

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

您应该尝试使用$(window).animate!或者甚至可能是文件,抱歉不知道!

+0

感谢,但“$(窗口).animate “不工作太 – Mike 2009-05-05 08:43:11

1

试$('HTML,身体)一个很好的解释。动画支持所有浏览器