0

だから私はマウスがブラウザウィンドウの端に100px近く移動したときに左右に水平にスクロールするページを作りたい. 次のスクリプトを作成しましたが、マウスがそのページの中央に移動したときに間隔をクリアすることを拒否します。

編集: js 全体をここに貼り付けなくてすみません。startScrollLeft と ..Right は既にグローバル変数として定義されています。ここにダミーページを作りました。ページと私のコードがどのように機能しているか (機能していないか) を確認できます。

$(document).mousemove(function(e){

        var cursorX = e.pageX;

        if (cursorX > windowW - 100){
            startScrollLeft = setInterval(scrollLeft, 50);
        }else {
            clearInterval(startScrollLeft);
        }

        if (cursorX < 100){
            startScrollRight = setInterval(scrollRight, 50);
        }else{
            clearInterval(startScrollRight);
        }

    });
    var scrolledAmount = 20;
    function scrollLeft(){
        if($('.content').width() > scrolledAmount + contentW +  windowW - 400){
            $('.content').animate({
                left: '-='+20+'px'
            },70, 'linear');
            scrolledAmount = scrolledAmount+20;
        }
    }
    function scrollRight(){
        if(scrolledAmount > 20){
            $('.content').animate({
                left: '+='+20+'px'
            },70,'linear');
            scrolledAmount = scrolledAmount-20;
        }
    }

この問題に手を貸す必要があります:/

4

1 に答える 1

0

set startScrollLeft と startScrollRight をグローバル変数として使用する必要があります

var cursorX = e.pageX;

if (cursorX > windowW - 100){
    window.startScrollLeft = setInterval(scrollLeft, 50);
}else {
    clearInterval(window.startScrollLeft);  
}

if (cursorX < 100){
    window.startScrollRight = setInterval(scrollRight, 50);
}else{
    clearInterval(window.startScrollRight);
}
于 2012-01-05T20:02:30.777 に答える