Scroll the text up using JQuery

Question

Hi Friends, How to Scroll up the text in div element using JQuery

Anil Reddy · Answer

Rajasekar, Use this code with div class or id: $('#divId').scrollTop(0); or $('.divClass').scrollTop(0);

Manas Mohapatra · Answer

Here is the complete code: > html > head > script type = "text/javascript" src = "http://code.jquery.com/jquery-1.4.4.min.js" > script > script type = "text/javascript" > $(function() { var ele = $('#scroll'); var speed = 25 , scroll = 5 , scrolling; $('#scroll-up').mouseenter(function() { // Scroll the element up scrolling = window .setInterval(function() { ele.scrollTop( ele.scrollTop() - scroll ); }, speed); }); $('#scroll-down').mouseenter(function() { // Scroll the element down scrolling = window .setInterval(function() { ele.scrollTop( ele.scrollTop() + scroll ); }, speed); }); $('#scroll-up, #scroll-down').bind({ click: function(e) { // Prevent the default click action e.preventDefault(); }, mouseleave: function() { if (scrolling) { window.clearInterval(scrolling); scrolling = false ; } } }); }); script > head > body > div id = "scroll" > Content here and more content here br /> br /> Content here and more content here br /> br /> Content here and more content here br /> br /> Content here and more content here br /> br /> Content here and more content here br /> br /> Content here and more content here br /> br /> Content here and more content here br /> br /> Content here and more content here br /> br /> Content here and more content here br /> br /> Content here and more content here br /> br /> Content here and more content here br /> br /> Content here and more content here br /> br /> Content here and more content here br /> br /> Content here and more content here div > a href = "#" id = "scroll-down" > Down a > - a href = "#" id = "scroll-up" > Up a > body > html >

Scroll the text up using JQuery

Answers (2)