javascript scrollTop函数

Question

您好我一直在使用javascript scrollTop函数将div向上滚动5 px。但它不起作用。 我正在使用

scdiv.scrollTop = "5px";

问题是它将div滚动到顶部而不是移动到5 px。任何建议

Answer 1

scrollTop是一个属性，它的值是一个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接受整数，它不理解px之类的CSS值，因此您可以使用以下内容：element.scrollTop += 5;

请在此处查看示例：http://jsfiddle.net/pMafC/。

您可以点击按钮进行div滚动。

请参阅scrollTop - MDN。