Tắt thanh cuộn dọc khi tràn div: auto

Có thể chỉ cho phép một thanh cuộn ngang khi sử dụng tràn: auto (hoặc scroll) không?

Hai thuộc tính CSS này có thể được sử dụng để ẩn các thanh cuộn:

overflow-y: hidden; // hide vertical
overflow-x: hidden; // hide horizontal

Bạn chỉ nên sử dụng

overflow-y:hidden; - Sử dụng điều này để ẩn cuộn dọc

overflow-x:auto; - Sử dụng điều này để hiển thị cuộn ngang

Luke đã đề cập như là cả hai ẩn. vì vậy tôi đã đưa ra điều này một cách riêng biệt.

tràn: tự động;
tràn-y: ẩn;

Đối với IE8: -ms-tràn-y: hidden;

Hoặc cái gì đó khác :

Để ẩn X :

<div style="height:150x; width:450px; overflow-x:hidden; overflow-y: scroll; padding-bottom:10px;"></div>

Để ẩn Y :

<div style="height:150px; width:450px; overflow-x:scroll ; overflow-y: hidden; padding-bottom:10px;"></div>

Nếu bạn muốn đạt được điều tương tự trong Gecko (NS6 +, Mozilla, v.v.) và IE4 + đồng thời, tôi tin rằng điều này nên thực hiện thủ thuật: V

body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: auto;
}

Điều này sẽ được áp dụng cho toàn bộ thẻ body, vui lòng cập nhật nó vào css có liên quan của bạn và áp dụng các thuộc tính này.

Thêm những điều sau:

body{
overflow-y:hidden;
}

Quy tắc này tương thích với tất cả các trình duyệt:

body {overflow: hidden; }
body::-webkit-scrollbar { width: 0 !important; }
body { overflow: -moz-scrollbars-none; }
body { -ms-overflow-style: none; }

Làm thế nào về một ký hiệu viết tắt?

{overflow: auto hidden;}

nếu bạn muốn tắt thanh cuộn, nhưng vẫn có thể cuộn nội dung của DIV bên trong, hãy sử dụng mã bên dưới trong css,

.divHideScroll::-webkit-scrollbar {
    width: 0 !important
}
.divHideScroll {
    overflow: -moz-scrollbars-none;
}
.divHideScroll {
    -ms-overflow-style: none;
}

divHideScroll là tên lớp của div đích.

Nó sẽ hoạt động trên tất cả các trình duyệt chính (Chrome, Safari, Mozilla, Opera và IE)