right - ¿Cómo detectar el desplazamiento horizontal en jQuery?

scrollleft animated jquery

Question

¿Cómo detecto el desplazamiento horizontal con jQuery?

Esto obtendrá todos los pergaminos:

$(window).scroll(function () {
    alert(''in'');
});

Solo quiero el horizontal.

Answer 1

El enlace jsFiddle de dunderwood no contenía su código. Le he dado a su jsFiddle la mezcla de lo que publicó aquí y lo que hay en el jsFiddle:

var lastPos = 0;
$(window).scroll(function() {
    var currPos = $(document).scrollLeft();

    if (lastPos < currPos) {
        $(''#current'').html(''Right'');
    }
    if (lastPos > currPos) {
        $(''#current'').html(''Left'');
    }

    lastPos = currPos;
});

http://jsfiddle.net/kuVK8/

Answer 2

Esto parece funcionar.

var lastScrollLeft = 0;
$(window).scroll(function() {
    var documentScrollLeft = $(document).scrollLeft();
    if (lastScrollLeft != documentScrollLeft) {
        console.log(''scroll x'');
        lastScrollLeft = documentScrollLeft;
    }
});

jsFiddle .

Answer 3

Una actualización que muestra la dirección hacia la izquierda o hacia la derecha en un desplazamiento horizontal basado en el código anterior:

var lastPos = 0;
$(window).scroll(function() {
    var currPos = $(document).scrollLeft();

    if (lastPos < currPos) {
        console.log(''scroll right'');
    } 
    if (lastPos > currPos) 
    {
        console.log(''scroll left'');
    }

    lastPos = currPos;
});

Pruébelo en http://jsfiddle.net/EsPk7/7/

Answer 4

window.onresize = function() { 
    if ( $("div").outerWidth() < $("div").get(0).scrollWidth ) {
        console.log("foo bar scrollbar");
    } else {
        console.log(" no scrolling ");
    }
};