scroll example

by niki4810

HTML

<div class="container">
    <p>One</p>
    <p>One</p>
    <p>One</p>
    <p>One</p>
    <p>One</p>
    <p>One</p>
    <p>One</p>
    <p>One</p>
    <p>One</p>
    <p>One</p>
</div>

CSS

.container{
    height: 200px;
    border : 1px solid;
    overflow-y : auto;
}

JavaScript

$(function(){
    $(".container").scroll(function(){
        console.log("container is scrolling");
    });
    
    var scrollDiv = function(){
        $(".container").animate({
            scrollTop: this.$(".container").scrollTop() + 18 
        }, "slow" );
    };
    
    scrollDiv();
    
});