javascript - 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接受整数，它不理解 CSS 值px，所以你会使用这样的东西：element.scrollTop += 5;

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

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

请参阅scrollTop-MDN。