jquery scrollメソッド

TOPページに戻る > jquery入門

スポンサード リンク

scroll()メソッド

scrollメソッドは、スクロールした場合に処理を実行するメソッドです

ブラウザの表示画面部分を指定するセレクタ部分

$(window)

ブラウザの表示画面がスクロールした場合に処理を実行する

$(window).scroll(function(){
	ブラウザの表示画面がスクロールした場合に実行する処理
);

スクロールした場合に処理を実行する

指定した要素にロールオーバーしたときに、スクロールするとアニメーションします
チェーンメソッドで同時に、クリックした要素にテキストを表示します

jquery

$(function() {
	$("#hoge").mouseover(function(){
	$(window).scroll(function(){
	$("#hoge").animate({width: "700px", height: "100px"},2000,"linear")
	.text("スクロールを感知しました");
	});
	});
});
css
#hoge {
 background-color: #FC9;
 width: 200px;
 height: 200px;
}

html

<div id="hoge">scrollなし</div>

サンプル

scrollなし






(C)2012 ホームページ作成無料