Phương thức jQuery scrollTop ()
❮ Phương thức HTML / CSS jQuery
Thí dụ
Trả lại vị trí thanh cuộn dọc cho phần tử <div>:
$("button").click(function(){
alert($("div").scrollTop());
});
Định nghĩa và Cách sử dụng
Phương thức scrollTop () đặt hoặc trả về vị trí thanh cuộn dọc cho các phần tử đã chọn.
Mẹo: Khi thanh cuộn ở trên cùng, vị trí là 0.
Khi được sử dụng để trả về vị trí:
Phương thức này trả về vị trí thẳng đứng của thanh cuộn cho phần tử được so khớp ĐẦU TIÊN.
Khi được sử dụng để đặt vị trí:
Phương pháp này đặt vị trí dọc của thanh cuộn cho TẤT CẢ các phần tử được so khớp.
Cú pháp
Trả lại vị trí thanh cuộn dọc:
$(selector).scrollTop()
Đặt vị trí thanh cuộn dọc:
$(selector).scrollTop(position)
Parameter | Description |
---|---|
position | Specifies the vertical scrollbar position in pixels |
Hãy tự mình thử - Ví dụ
Cách đặt vị trí thanh cuộn dọc cho một phần tử.
Cách chuyển đổi giữa các lớp trên các vị trí cuộn khác nhau.
Sử dụng animate () cùng với scrollTop () để thêm cuộn mượt mà vào các liên kết.
❮ Phương thức HTML / CSS jQuery