Twitter

ページ読み込み後に指定の位置まで自動スクロール

2012/06/28 | jquery | コメント (1)

相変わらず縦スクロールサイトが流行していますが、ページにアクセスした際に自動で指定の位置までスクロールする方法。
※以下の記述はjQueryとjQuery Easing Pluginを利用しています。

$(function(){
	var $speed = 1500; //スクロールのスピードを設定(ミリ秒)
	var targetOffset = $('#●●●●●●').offset().top; //ターゲットとなるdivを設定

	//ページを読み込み0.8秒後にターゲットとなるdivまで自動スクロール
	setTimeout(function(){
		$("html,body").stop().animate({scrollTop:targetOffset},$speed, 'quart');
		return false;
	},800);
})

上の例では、ページが読み込まれてから0.8秒後にターゲットとなるdivまで1.5秒かけて自動でスクロールします。


1件のコメント»

  1. [...] ■スムーススクロール系 [JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 jQueryでマウスホイールすると余韻が残るイージングスクロールをつくる リンク先ページの指定位置にスクロールで移動 ページ読み込み後に指定の位置まで自動スクロール [...]

    ピンバック by Ajaxいろいろ | memo — 2013/01/18 @ 17:35

このコメント欄の RSS フィード TrackBack URI

コメントをどうぞ »

初めてコメントされる方は管理人の承認が必要となります。承認されるまではコメントは表示されませんのでご了承ください。

CopyRight© 2017 2GRAVITY All Rights Reserved. | powered by WordPress

Page top