2013-08-07 17 views
12

ページが読み込まれたときに特定のdivに自動的にスクロールする方法を理解しようとしています。私は、jQueryのスクロール機能を使用しようとしましたが、正しく動作するようにすることはできません。 提案がありますか?続き特定のdivにページロード時にスクロール

は私がこれまでにしようとしているものです:

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

答えて

28

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

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

FIDDLEあなたはファイルを呼び出す必要があり

+1

完全に感謝しました。私はあなたの答えを受け入れるでしょう: – simon

+1

喜んでそれを助けました:) –

+0

これは動的に行うことができますか?次のようなクエリ文字列にdivの名前を送信したいと思います。show.aspx?divToScrollTo = SecondDiv。 – John

0
$(document).ready(function(){ 
    $("html, body").animate({ 
     scrollTop: $('.sb-menu').offset().top 
    }, 1000); 
}); 
0

初、

<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> 
関連する問題