web-dev-qa-db-ja.com

ページの読み込み時に特定のdivまでスクロールする

ページが読み込まれたときに、特定のdivにページを自動的にスクロールする方法を見つけようとしています。 jQueryスクロール機能を使用しようとしましたが、正しく機能させることができません。助言がありますか？

以下は私がこれまでに試したことです：

jQuery(function() {
jQuery(window).scrollTop(jQuery('.container').offset().top);
});
jqueryhtmlscroll
18
simon

.animate() メソッドを使用してこれを行うことができます。

$(document).ready(function () {
    // Handler for .ready() called.
    $('html, body').animate({
        scrollTop: $('#what').offset().top
    }, 'slow');
});
  • これにより、ID whatのdivまでスムーズにスクロールします

[〜＃〜] fiddle [〜＃〜]

48
palaѕн

まず、ファイルを呼び出す必要があります。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">

ここで、IDは「スクロール」です。次のコードが役立ちます。

<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">

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

</script>

</head>
<body>

<div id="scroll"></div>

</body>
</html>
1
Jithu Wilson C