2012-06-25 23 views
15

Tôi đang cố gắng tìm vị trí dọc của thanh cuộn một chức năng tương tự như scrollTop() của jQuery nhưng không có jQuery. Có lựa chọn thay thế nào không?Tìm vị trí dọc của thanh cuộn mà không cần jQuery

+0

Không phải là [element.scrollTop] (https://developer.mozilla.org/en/DOM/element.scrollTop) đủ? –

+1

chỉ cần đọc nguồn của scrollTop của jQuery(): https://github.com/jquery/jquery/blob/master/src/offset.js – snies

Trả lời

35

giải pháp Cross-trình duyệt:

var supportPageOffset = window.pageXOffset !== undefined; 
var isCSS1Compat = ((document.compatMode || "") === "CSS1Compat"); 

var scrollLeft = supportPageOffset ? window.pageXOffset : isCSS1Compat ? document.documentElement.scrollLeft : document.body.scrollLeft; 
var scrollTop = supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop; 

source

+0

Tôi nghĩ rằng điều này nên được chấp nhận như một câu trả lời. Giải pháp trong câu trả lời được chấp nhận không phải là trình duyệt chéo. – dragn

+0

bạn đã đúng, đã chuyển đổi – ama2

+0

chỉnh sửa cú pháp rất ít: dấu phẩy ở cuối hàng đầu tiên sẽ tạo ra lỗi - chăm sóc –

4

scrollX và scrolly .... scrolly là tương đương với jquery scrollTop()

6

Vâng, vị trí cuộn tồn tại trong DOM tại địa chỉ:

window.scrollY; //for vertical scroll. 

Làm thế nào Tôi thấy điều này:

  1. Trong Chrome, nhấp chuột phải và chọn Kiểm tra phần tử.
  2. Tìm và nhấp vào nút 'Hiển thị Bảng điều khiển' (phía dưới bên trái)
  3. Trong cửa sổ loại bảng điều khiển.kiểm tra để xem các tùy chọn.

-Đây là luồng công việc đặc biệt để giải quyết nhiều câu hỏi JavaScript.

Tôi thấy window.scrollTo (0) làm tùy chọn cuộn lên trên cùng.

+0

Không phải XBrowser - https://developer.mozilla.org/en-US/ docs/Web/API/Window/scrollY –

Các vấn đề liên quan