JavaScript scrollTop function

Question

I have been using JavaScript scrollTop function to scroll the div to top by 5 px. but its not working. I am using:

scdiv.scrollTop = "5px";

The problem is it scrolls the div to top instead of moving to 5 px. Any suggestions?

Can you add more of your code to see if the problem is somewhere else? — Ahmad
– Ahmad, Commented Jul 28, 2012 at 9:33
Can you please clarify your question? Also, can you post an example on jsFiddle? — uınbɐɥs
– uınbɐɥs, Commented Jul 28, 2012 at 9:34

Ruan Mendes · Accepted Answer · 2012-07-28 10:30:13Z

1

scrollTop is a property, its value is an int.

div.scrollTop += 5;

https://developer.mozilla.org/en/DOM/element.scrollTop

answered Jul 28, 2012 at 10:30

Ruan Mendes

92.7k31 gold badges161 silver badges225 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

AdityaParab · Accepted Answer · 2012-07-28 09:58:49Z

0

$("#yourButtonId").on('click',function(){

var scDiv = $("#scdiv");

var top = scDiv.css('top');

top = parseInt(top);

scDiv.css('top',(top-5)+"px");

//To make it visually scrollable


  scDiv.animate({
    top: top
  },500);

});

edited Jul 28, 2012 at 9:58

answered Jul 28, 2012 at 9:51

AdityaParab

7,1003 gold badges30 silver badges40 bronze badges

Comments

uınbɐɥs · Accepted Answer · 2012-07-28 23:20:44Z

0

scrollTop accepts integer numbers, it doesn't understand CSS values like px, so you would use something like this: element.scrollTop += 5;

See an example here: http://jsfiddle.net/pMafC/.

You can click a button to make the div scroll.

See scrollTop - MDN.

answered Jul 28, 2012 at 23:20

uınbɐɥs

7,3535 gold badges29 silver badges42 bronze badges

Collectives™ on Stack Overflow

JavaScript scrollTop function

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related