Làm cách nào để lấy vị trí cuộn của tài liệu?

Question

Cách lấy giá trị vị trí cuộn của tài liệu?

Answer 1

$(document).height() //returns window height 

$(document).scrollTop() //returns scroll position from top of document 

Answer 2

Something như thế này nên giải quyết vấn đề của bạn:

$.getDocHeight = function(){ 
    var D = document; 
    return Math.max(Math.max(D.body.scrollHeight, D.documentElement.scrollHeight), Math.max(D.body.offsetHeight, D.documentElement.offsetHeight), Math.max(D.body.clientHeight, D.documentElement.clientHeight)); 
}; 

alert($.getDocHeight()); 

Ps: Gọi chức năng rằng mỗi khi bạn cần đến nó, cảnh báo là dành cho mục đích thử nghiệm ..

Answer 3

document.getElementById("elementID").scrollHeight 

$("elementID").scrollHeight 

Answer 4

Sau đây là cách để có được scrollHeight của một phần tử thu được bằng cách sử dụng bộ chọn jQuery:

$(selector)[0].scrollHeight 

Nếu selector là id của phần tử (ví dụ: elemId), đảm bảo rằng mục được đánh chỉ mục 0 của mảng sẽ là phần tử bạn muốn chọn và scrollHeight sẽ chính xác.

Answer 5

Nếu bạn đang sử dụng Jquery 1.6 trở lên, hãy sử dụng giá trị để truy cập giá trị.

$(document).prop('scrollHeight') 

Phiên bản trước được sử dụng để lấy giá trị từ attr nhưng không được đăng 1.6.

Answer 6

Để nhận chiều cao cuộn thực tế của các khu vực được cuộn bởi thanh cuộn cửa sổ, tôi đã sử dụng $('body').prop('scrollHeight'). Đây có vẻ là giải pháp làm việc đơn giản nhất, nhưng tôi chưa kiểm tra tính tương thích rộng rãi. Emanuele Del Grande lưu ý về một giải pháp khác có thể sẽ không hoạt động đối với IE dưới đây 8.

Hầu hết các giải pháp khác đều hoạt động tốt đối với các phần tử có thể cuộn, nhưng điều này làm việc cho toàn bộ cửa sổ. Đáng chú ý, tôi đã có cùng một vấn đề như Michael cho giải pháp Ankit, cụ thể là, $(document).prop('scrollHeight') đang trở về undefined.

Answer 7

Nó sử dụng các phần tử DOM HTML, nhưng không sử dụng bộ chọn jQuery. Nó có thể được sử dụng như:

var height = document.body.scrollHeight; 

Answer 8

Hãy thử điều này:

var scrollHeight = $(scrollable)[0] == document ? document.body.scrollHeight : $(scrollable)[0].scrollHeight; 

Answer 9

Bạn có thể thử loại này ví dụ, mã này đặt thanh cuộn ở phía dưới cho tất cả các thẻ DIV

Hãy nhớ rằng: jQuery có thể chấp nhận hàm thay vì giá trị làm đối số. "this" là đối tượng được xử lý bởi jQuery, hàm trả về thuộc tính scrollHeight của DIV hiện tại "this" và làm điều đó cho tất cả DIV trong tài liệu.

$("div").scrollTop(function(){return this.scrollHeight})