javascript - javascript scrollTop 関数

Question

こんにちは、javascript scrollTop 関数を使用して、div を 5 px だけ上にスクロールしています。しかし、それは機能していません。私は使っている

scdiv.scrollTop = "5px";

問題は、5 px に移動するのではなく、div を一番上にスクロールすることです。助言がありますか

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は整数を受け入れますが、 のような CSS 値を理解しないためpx、次のようなものを使用します。element.scrollTop += 5;

http://jsfiddle.net/pMafC/の例を参照してください。

ボタンをクリックしてdivスクロールを作成できます。

scrollTop - MDNを参照してください。