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