Detect left and right scroll

by oterox

HTML

<p class="w">0</p>
<div>
    
d
s
d

dsdsdsds
d
s
d

dsdsdsds
d
s
d

dsdsdsds
d
s
d

dsdsdsds
d
s
d

dsdsdsds
d
s
d

dsdsdsds
d


ss
s
s
ss
s
d

dsdsdsds
d
s
d

dsdsdsds
d
s
d

dsdsdsds
d
s
d

dsdsdsds
d
s
d

dsdsdsds
d
s
d

dsdsdsds
d
s
d

dsdsdsds
d
s
d

dsdsdsds
d
s
d

dsdsdsds
d
s
d

dsdsdsds
d
s
d

dsdsdsds
d
s
d

dsdsdsds
d
s
d

dsdsdsds
d
s
d

    dsdsds</div>

CSS

body {  }
div {
    white-space: nowrap;
    width: 1700px;
    position: relative;
    overflow-x = scroll;
    
}

p { position: absolute; top: 30px; left: 0; }

JavaScript

var lastScrollLeft = 0;
$(window).scroll(function() {
    var documentScrollLeft = $(document).scrollLeft();
        
    if(lastScrollLeft > documentScrollLeft){
            console.log('left');
        }else{
            console.log('right');
     }
     lastScrollLeft = documentScrollLeft;       
    
});