0

大きなコンテナー内の次の div にスクロールするようにプログラムしたページにボタンがあります。ただし、ページの左または右にスクロールするたびに、同じボタンでブラウザーウィンドウを一定のピクセル数だけスクロールする必要もあります。

これが私が試したことです:これはコンテナをdivの上にスクロールします。次に、「getOffset」からスクロールウィンドウを言う関数を追加してみました

var colwidth = $('#container').width(),
contwidth = $('#contents').width(),
getOffset = function() {
    return parseInt($('#container').css('margin-left'));
};

$(".left").click(function(){
   if (getOffset() === 0) return false;
   function scrollWindow(scrollValue) {

        window.scrollBy(getOffset, 0);

    }
    $("#contents").animate({left: '+=' + colwidth},500);
    $("#container").animate({'margin-left': '-=' + colwidth},500);
 });
$(".right").click(function(){
    if (getOffset() === contwidth - colwidth) return false;

    $("#contents").animate({left: '-=' + colwidth},500);
    $("#container").animate({'margin-left': '+=' + colwidth},500);
    function scrollWindow(scrollValue) {

        window.scrollBy(getOffset, 0);

    }
 });

</script>

論理的にはうまくいくように思えますが、私のページはウィンドウをスクロールする機能を無視しています。助けていただければ幸いです。私の論理はどこが間違っていますか?ありがとう

4

1 に答える 1