2012-09-25 42 views
28

thể trùng lặp:
How to always show scrollbar in browser using javascript?Luôn hiển thị thanh cuộn của trình duyệt để ngăn không cho trang nhảy

Một số trang tôi đã có rất nhiều nội dung các trang khác có một vài dòng, vì vậy khi tôi nhấn giữa một số trang có thanh cuộn trên trình duyệt và các trang khác thì không. Bởi vì điều này, trang nhảy luôn do không gian thừa khi nhấp vào giữa các trang.

Có thể hiển thị thanh cuộn bất cứ lúc nào hay chuyển sang màu xám nếu không có nhiều nội dung để ngừng nhảy trang?

nó có thể làm việc trên tất cả các trình duyệt, hy vọng ai đó có thể giúp đỡ,

Cheers

+0

Bạn đã xem http://stackoverflow.com/questions/4050076/how-to-always-show-scrollbar-in-browser-using-javascript chưa? Đó là một cách tiếp cận khá phổ biến (và câu trả lời được chấp nhận không thực sự sử dụng javascript :-) – dash

+0

Thật thú vị, vấn đề "nhảy" không tồn tại trong IE11. Có vẻ như IE11 tát thanh trượt ngay trên nội dung, vì vậy không có thay đổi chiều rộng và không có bước nhảy. –

Trả lời

53

Thử đọc article này Chris Coyer, nó giải thích nó khá tốt.

Từ bài viết:

Gán overflow-y để di chuyển không làm việc, và nó hoạt động trong Firefox, Safari, và IE 6, và làm cho nó trở thành giải pháp tốt nhất:

html { 
    overflow-y: scroll; 
} 
+5

Tôi đã cập nhật câu trả lời của bạn để bao gồm phần có liên quan từ bài viết được liên kết; hãy nhớ, không có gì đảm bảo rằng những gì bạn liên kết đến hôm nay sẽ có mặt ở đó vào ngày mai! – dash

+0

Cảm ơn Dash, sẽ ghi nhớ điều đó trong đầu –

+1

Để tránh thanh cuộn kép, tôi khuyên bạn nên sử dụng 'body {overflow-y: scroll; } 'thay thế. – niry

12
html { 
    overflow-y: scroll; 
} 

Đây là giải pháp tốt nhất.

+3

Không hoàn toàn là giải pháp tốt nhất. Cấp thẻ 'html' bao gồm' body', nhưng cũng 'đầu', trong đó CSS ​​không có ý nghĩa. Tốt hơn là xác định thuộc tính ở cấp 'body'. – stevenvh

+1

tràn ở cấp độ cơ thể sẽ gây ra một thanh cuộn đôi trên một số trình duyệt (IE6). – Salketer

+4

IE6, chỉ có 2 người vẫn sử dụng nó, đúng không? – stevenvh

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