javascript - 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>