Window scrollBy() method

Tafiyar da kuma amfani

scrollBy() Method za ta dake ya kuduwa pixel ta zama ta zama.

Rarrabawa:Don kai: scrollBy() Method yana aiki, dake ya fi kaiyanci, kuma scrollbar ya wajibci kumu hauka.

Duba kuma:

scrollTo() method

Mafi yadda

Example 1

Scroll kuduwa na dake 100px:

window.scrollBy(100, 0);

Kaiyanci fari

Example 2

Scroll kuduwa na dake 100px:

window.scrollBy(0, 100);

Kaiyanci fari

Example 3

Scroll kuduwa da kuduwa na dake:

<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Kaiyanci fari

Example 4

Scroll kuduwa da kuduwa na dake:

<button onclick="scrollWin(100, 0)">Scroll right</button>
<button onclick="scrollWin(-100, 0)">Scroll left</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Kaiyanci fari

Grammar

window.scrollBy(x, y)

tso:

scrollBy(x, y)

Parameter

Parameter Baɗa
x

Wajib. Iyaliya ta zama ta kuduwa (horizon).

Yan gudan gaba dama, yan gudan kuduwa dama.
y

必需。要滚动的像素数（垂直）。

正值向下滚动，负值向上滚动。

返回值

无。

浏览器支持

所有浏览器都支持 scrollBy()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持