横スクロールでwinndowの右端までスクローラが移動したら最初にもどってループする
(左に移動して、コンテンツの最後に移動はしない)
コメントがすごいくどいけど、意外とどこに書いたらいいの?という人もいるだろうし、いちいち説明が必要な人もいると思うので(自分だ)、備忘録として。
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
//ページの幅を取得
var contentsW = $(document).width();
//スクロールされたときに関数実行
$(window).scroll(function(){
//ウィンドウの幅を取得
var windowW =$(window).width();
//ウィンドウ内のスクローラー位置
var sPos = $(this).scrollLeft();
//ウィンドウの幅+スクローラーの量、※スクローラーは隠れているコンテンツの幅まで移動する
var allwidth = windowW + sPos;
//スクローラーの位置が画面幅を超えたらページを戻す
if(contentsW <= allwidth) {
$(window).scrollLeft(0,0);
} //if文閉じカッコ
}); // スクロールされた時の関数の閉じカッコ
}); //全体の閉じカッコ
</script>
</head>
0 件のコメント:
コメントを投稿