ScrollTop页面加载问题

时间:2013-10-28 09:45:48

标签: jquery scrolltop

我有一个关于我在我的网站中添加的scrollTop函数的问题,以便在页面加载时向下滚动到称为“test”的某个部门。我使用scrollTop函数,它工作了一会儿,然后它滚动回到网站的顶部。我已经尝试添加preventdefault并返回false,但两种解决方案都不起作用。这是我的代码:

$(document).ready(function () {
    $(function () {
        $(document).scrollTop($("#test").offset().top);

    });
    //some other code
}); 

2 个答案:

答案 0 :(得分:0)

这是正确的代码:

$(document).ready(function () {
    // Handler for .ready() called.
    $('html, body').animate({
        scrollTop: $('#test').offset().top
    }, 'slow');
});

演示:Fiddle


  • 现在您在代码中嵌套$( document ).ready( handler )导致问题。
  • 实际上,$( document ).ready(function() {..}相当于调用$(function() {..}

答案 1 :(得分:0)

您似乎已准备好文档中的文档。我可以调整你的代码以使其更强一些,但它可能无法解决问题。听起来你可能有一个冲突的脚本,它将它移到顶部,但尝试将当前的代码更改为:

$(document).ready( function() {
    $('html, body').scrollTop($("#test").offset().top);
});