Μέθοδος Window scrollBy()

  • Προηγούμενη σελίδα screenY
  • Επόμενη σελίδα scrollTo()
  • Επιστροφή στο προηγούμενο επίπεδο Όψος Window

Ορισμός και χρήση

scrollBy() Η μέθοδος κινεί το έγγραφο κατά τα καθορισμένα εικονοστοιχεία.

Συμβουλή:Για να κάνετε scrollBy() Η μέθοδος λειτουργεί, το έγγραφο πρέπει να είναι μεγαλύτερο από την οθόνη και η γραμμή κινήσεως πρέπει να είναι ορατή.

Δείτε επίσης:

Μέθοδος scrollTo()

Παράδειγμα

Παράδειγμα 1

Κίνηση κατά πλάτος του άξονα 100px:

window.scrollBy(100, 0);

Προσπαθήστε το προσωπικά

Παράδειγμα 2

Κίνηση κατά μήκος του άξονα 100px:

window.scrollBy(0, 100);

Προσπαθήστε το προσωπικά

Παράδειγμα 3

Κίνηση προς τα πάνω και κάτω του έγγραφου:

<button onclick="scrollWin(0, 50)">Κίνηση προς τα κάτω</button>
<button onclick="scrollWin(0, -50)">Κίνηση προς τα πάνω</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Προσπαθήστε το προσωπικά

Παράδειγμα 4

Κίνηση αριστερά και δεξιά του έγγραφου:

<button onclick="scrollWin(100, 0)">Κίνηση δεξιά</button>
<button onclick="scrollWin(-100, 0)">Κίνηση αριστερά</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Προσπαθήστε το προσωπικά

Γλώσσα

window.scrollBy(x, y)

ή:

scrollBy(x, y)

Παράμετρος

Παράμετρος Περιγραφή
x

Απαιτείται. Ο αριθμός των εικονοστοιχείων που πρέπει να κινήσει (οριζόντια).

Η τιμή positive κινείται προς τα δεξιά, η τιμή negative προς τα αριστερά.
y

Απαιτείται. Ο αριθμός των pixel που πρέπει να κινήσει (οριζόντια).

Ποσότητα positive για κατεβάσιμο, negative για ανεβάσιμο.

Επιστροφή τιμής

Χωρίς.

Υποστήριξη περιηγητή

Όλοι οι περιηγητές υποστηρίζουν scrollBy():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη
  • Προηγούμενη σελίδα screenY
  • Επόμενη σελίδα scrollTo()
  • Επιστροφή στο προηγούμενο επίπεδο Όψος Window