Window scrollBy() Method

Paglilinaw at Paggamit

scrollBy() Ang paraan ay gagawin ng paglipat ng dokumento ng tinukoy na pixels.

Mga tip:Kung nais: scrollBy() Ang paraan ay gumagana, ang dokumento ay dapat mas malaki kaysa sa screen at ang scroll bar ay dapat nakikita.

Bilang karagdagan:

scrollTo() Method

Mga halimbawa

Mga halimbawa 1

Galawin ang dokumento sa kanan ng 100px:

window.scrollBy(100, 0);

Subukan nang personal na.

Mga halimbawa 2

Galawin ang dokumento sa itaas ng 100px:

window.scrollBy(0, 100);

Subukan nang personal na.

Mga halimbawa 3

Galawin ang dokumento sa itaas atibaba:

<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>

Subukan nang personal na.

Mga halimbawa 4

Galawin ang dokumento sa kanan at kaliwa:

<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>

Subukan nang personal na.

Mga pangungusap

window.scrollBy(x, y)

o:

scrollBy(x, y)

Parametro

Parametro Paglalarawan
x

Dapat. Ang bilang ng pixels na dapat ililipat (hizontal).

Kasabay ng paggalaw sa kanan, ang negatibong halaga ay paggalaw sa kaliwa.

y

必需。要滚动的像素数(垂直)。

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

返回值

无。

浏览器支持

所有浏览器都支持 scrollBy()

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