Tôi cần biết liệu thanh cuộn dọc có xuất hiện hay không trong cửa sổ trình duyệt. Có thể sử dụng jQuery hay bất kỳ cách nào khác không?Làm thế nào để biết nếu thanh cuộn đã xuất hiện trong trình duyệt (jQuery)?
Trả lời
Như thế này:
if (document.documentElement.scrollHeight === document.documentElement.clientHeight) {
//There is no vertical scrollbar
}
này không làm việc trong IE
So sánh chiều cao của tài liệu với chiều cao cửa sổ. Nếu nó có nhiều hơn có lẽ là một thanh cuộn trừ khi bạn vô hiệu hóa nó.
Sai. Chiều cao cửa sổ bao gồm các phần tử chrome như thanh công cụ và menu. – SLaks
Ah vâng tôi thực sự có nghĩa là để gõ chiều cao viewport, xấu của tôi. – CharlesLeaf
Đây là một bài cũ nhưng cuối cùng tôi nhận được mã mà cũng làm việc trên IE7. Hy vọng điều này có thể giúp ai đó.
var hasScrollbar = $('body').outerHeight() > $(window).height();
Điều này không hoạt động đối với các phần tử được định vị hoàn toàn vượt ra ngoài chế độ xem (gây ra thanh cuộn) khi bản thân cơ thể nhỏ. –
- 1. Thanh cuộn xuất hiện/biến mất sự kiện trong jQuery?
- 2. biết nếu UITableView đã cuộn đầu trang
- 3. Làm thế nào để tôi biết infowindow đã xuất hiện trong google maps
- 4. Làm thế nào để tạo thanh cuộn jQuery tùy chỉnh
- 5. Làm thế nào để làm cho 'thanh cuộn' xuất hiện ở phía bên trái?
- 6. Làm cách nào để luôn hiển thị thanh cuộn dọc trong trình duyệt?
- 7. Extjs làm thế nào để làm cho thanh cuộn xuất hiện?
- 8. Làm thế nào để phát hiện cuộn ngang trong jQuery?
- 9. Làm thế nào để kiểm tra, nếu trình duyệt đã bật cookie trong ứng dụng web?
- 10. UIViewController để biết nếu nó đã bị đẩy hoặc xuất hiện?
- 11. Có cách nào để tạo thanh cuộn tùy chỉnh trong suốt trong trình duyệt webkit không?
- 12. Làm thế nào để bạn tạo một vùng cuộn html, chỉ sử dụng thanh cuộn trình duyệt chính
- 13. Trong Sencha touch2 Cách bật thanh cuộn của trình duyệt
- 14. Làm cách nào để có thanh cuộn xuất hiện trong thành phần bìa Rally?
- 15. Làm cách nào để biết chiều rộng hiện tại của thanh cuộn hệ thống?
- 16. Javascript phát hiện thanh cuộn trong textarea
- 17. làm thế nào để xuất tập tin vào trình duyệt sau khi jquery ajax gọi
- 18. Tạo thanh cuộn NavBar ở đầu trình duyệt trong Bootstrap
- 19. Thanh cuộn ngang CSS sẽ xuất hiện trong chrome sau khi đổi kích thước màn hình trình duyệt
- 20. Làm cách nào để chèn thanh cuộn vào jquery jtable?
- 21. Làm thế nào để biết chính xác thời điểm cuộn UIScrollView đã dừng?
- 22. jquery: làm thế nào để tôi biết nếu tôi có nó?
- 23. jQuery ngôn ngữ trình duyệt phát hiện
- 24. Làm cách nào để biết rằng chế độ xem cuộn đã được cuộn xuống dưới cùng?
- 25. Trình duyệt đôi cuộn thanh w/Tràn ẩn
- 26. Thanh cuộn trình duyệt chồng chéo nền cố định
- 27. Làm thế nào để tắt thanh cuộn trong ScrolledForm?
- 28. Làm thế nào để tắt thanh cuộn ngang trong FlowLayoutPanel?
- 29. Vấn đề phát hiện nếu UITableView đã cuộn xuống đáy
- 30. Làm thế nào để biết nếu văn bản đã chọn là bên trong một div cụ
Thanh cuộn có thể được ẩn một cách rõ ràng qua 'body {overflow-y: hidden; } ', trong trường hợp đó mã của bạn sẽ báo cáo một kết quả sai ... –
Điều này cũng không hoạt động khi thân của nó nhỏ, nhưng một phần tử được định vị hoàn toàn đã di chuyển một phần ngoài khung nhìn và khiến UA hiển thị thanh cuộn (chiều cao/chiều rộng cơ thể không thay đổi trong trường hợp đó, nhưng chắc chắn có thanh cuộn hiện tại). –