大きなコンテナー内の次の 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>
論理的にはうまくいくように思えますが、私のページはウィンドウをスクロールする機能を無視しています。助けていただければ幸いです。私の論理はどこが間違っていますか?ありがとう