jquery scrollTop（）方法

Question

我在jsfiddle中测试了一些jquery，我有以下代码

CSS

html, body {
    height: 1000px;
}

JQUERY

$(document).ready(function() {
   $('.test')scrollTop(500);
});

HTML

<div class="test">
 <h1>hello world</h1>
</div>

根据文档，一切似乎都是正确的，但由于某种原因，它没有重新定位我的观点.... 谢谢你的帮助

更新 有错字

Answer 1

仅当目标元素具有滚动条时，

scrollTop才会滚动。为了在您的示例中滚动，您需要强制test div的内容溢出其内容，例如：

$(document).ready(function() {
    $( ".test" ).scrollTop( 300 );
});

/* Give test a fixed height so that it overflows */
.test {
    height: 200px;
    overflow: scroll;
}
/* Give the inner container a height which exceeds .test */
.inner {
    height: 1000px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test">
    <div class="inner">
        <h1>lalala</h1>
        <p>Hello</p>
    </div>
</div>

Answer 2

而不是

$('.test.')scrollTop(500);

使用

$('.test').scrollTop(500);