Trình duyệt đôi cuộn thanh w/Tràn ẩn

giữa Keeping the Footer Down & Full Browser Width Bars Tôi 90% đến nơi tôi cần.
(Đối với liên kết "Thanh rộng toàn bộ trình duyệt", tôi đang sử dụng giải pháp "timd.mackey" trong phần bình luận bên dưới)Trình duyệt đôi cuộn thanh w/Tràn ẩn

Vì vậy, mọi thứ hoạt động tốt ngoại trừ thanh cuộn đôi gây khó chịu này. Nhấp vào liên kết bên dưới để xem ý tôi.

Click this to See my Problem!

overflow-x: ẩn trên cơ thể dường như được cả hai giải pháp của tôi và vấn đề của tôi.

Bất kỳ trợ giúp nào sẽ cực kỳ tuyệt vời cho bạn.

Hy vọng điều này đã rõ ràng.

Nguồn

2013-08-04 Varazi

Hãy thử thêm:

html { 
    overflow-y: hidden 
}

Nguồn

2013-08-04 09:48:46

Ahh hoàn hảo. Tôi đã thêm nó trước nhưng tôi đã thêm nó vào html, body {} – Varazi

Nếu bạn muốn đặt nó bằng JS, hãy sử dụng document.documentElement để lấy tham chiếu đến thẻ html: https://developer.mozilla.org/en-US/docs/Web/API/Document/documentElement – Corkscreewe

lẽ overflow-y: ẩn trên cơ thể sẽ giúp bạn? hoặc thậm chí tốt hơn chỉ sử dụng overflow: hidden; trên cơ thể

body { overflow:hidden; }

BTW, nếu bạn muốn chỉ để ràng buộc chân để dưới cùng của trang, sử dụng định vị tuyệt đối và margin-bottom trên khối chứa

CSS

.container { margin-bottom:100px; } 
.footer { height:100px; position:absolute; left:0; bottom:0; }

HTML

<html> 
    <body> 
    <div class="container"><!-- here's everything except footer --></div> 
    <div class="footer"></div> 
    </body> 
</html>

Nguồn

2013-08-04 09:49:00

nội dung {overflow: hidden; } giải quyết vấn đề của tôi –

Một giải pháp khác có thể hoạt động (tùy thuộc vào những gì bạn đang cố gắng đạt được) là thêm:

body { 
    height: 100vh; 
}

Nguồn

2015-06-10 13:23:42

Cảm ơn, điều đó đã làm việc cho tôi –

Nếu vấn đề là do html, body { overflow-x: hidden;} sau đó hãy thử sử dụng html, body{height: 100%;} nó làm việc tốt cho tôi.

Nguồn

2015-06-20 16:49:51 krsoni

Trình duyệt đôi cuộn thanh w/Tràn ẩn

Trả lời

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