javascript scrollTop函数

Question

Hi 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

Answer 1

scrollTop is a property, its value is an int.

div.scrollTop += 5;

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

Answer 2

$("#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);

});

Answer 3

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 .