Window scrollBy() ກົນລະຍຸດ

ການອະທິບາຍແລະການນໍາໃຊ້

scrollBy() ກົນລະຍຸດຈະເຄື່ອນກະເມືອງເອກະສານຕາມຕາມຄິມສີຂອງຈົດຫາຍທີ່ຕ້ອງການ.

ຄຳແນະນຳ:ສຳລັບການປ່ຽນແປງ: scrollBy() ກົນລະຍຸດຈະດຳເນີນຕາມການທີ່ຕ້ອງການຂອງຄິມສີຂອງເຄື່ອງອອກນໍ້າມັນຕ້ອງການມີຂະໜາດຫລາຍກວ່າໜ້າຈໍານວນຈົດຫາຍແລະຄູ່ມົນມຸມຄືບໜ້າກະເມືອງ.

ບໍ່ອາດລົງມາຫລື:

scrollTo() ກົນລະຍຸດ

ຄວາມນິຍົມ

ກໍລະນີ 1

ການເຄື່ອນກະເມືອງເອກະສານຕາມຕາມທາງທີ່ສະເພາະ 100px:

window.scrollBy(100, 0);

ພະຍານພາບທີ່ຕາມຕົນເອງດຳເນີນ

ກໍລະນີ 2

ການເຄື່ອນກະເມືອງເອກະສານຕາມຕາມທາງທີ່ສະເພາະ 100px:

window.scrollBy(0, 100);

ພະຍານພາບທີ່ຕາມຕົນເອງດຳເນີນ

ກໍລະນີ 3

ການເຄື່ອນກະເມືອງເອກະສານຕາມຕາມທາງຂວາຍິວຍັງ:

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

ພະຍານພາບທີ່ຕາມຕົນເອງດຳເນີນ

ກໍລະນີ 4

ການເຄື່ອນກະເມືອງຂອງເອກະສານຕາມຕາມທາງຂວາຍິວຍັງ:

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

ພະຍານພາບທີ່ຕາມຕົນເອງດຳເນີນ

ວິທະຍາສາດ

window.scrollBy(x, y)

ຫລື:

scrollBy(x, y)

ມາຂອງພະຍານ

ມາຂອງພະຍານ ການອະທິບາຍ
x

ຕ້ອງການຄວາມຈໍາຕັດຂອງຄິມສີຂອງຄວາມສັບສົນກະເມືອງ(ລະຫວ່າງທາງສະເພາະ).

ການເຄື່ອນກະເມືອງທີ່ຕາມຫລັງຄາດດຽວກັນອອກດ້ານຂວາຍິວຍັງການເຄື່ອນກະເມືອງທີ່ຕາມຫລັງດ້ານຂວາຍິວ.
y

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

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

返回值

无。

浏览器支持

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ