2013年2月13日水曜日

jQuery winndowの右端までスクローラが移動したら最初にもどる



横スクロールで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 件のコメント: