Tôi đã áp dụng thuộc tính này cho các thành phần: body và html và Chrome vẫn cho phép tôi cuộn trên trục x. Tôi đã thử nghiệm nó trong Safari và Firefox và di chuyển trục x bị vô hiệu hóa ...Tràn-x: ẩn không hoạt động trong Chrome
Bất cứ ai biết tôi đang thiếu gì?
N.B. Sử dụng overflow: hidden hoạt động nhưng tôi muốn mọi người có thể cuộn trên trục y.
Cảm ơn!
Dường như vấn đề không còn tồn tại nhờ @Nelson chỉ ra điều này. Bạn có thể xem mã hoạt động chính xác ở đây: http://jsfiddle.net/H84pr
3/21/15 - Sự cố vẫn tồn tại ít nhất trên Chrome và Safari trong iOS 7.x. Tôi đã giải quyết nó bằng cách sử dụng 'html {overflow-x: hidden; } '. –
Sự cố vẫn tiếp diễn. Nhấp vào nút chuột giữa (điều cuộn) và di chuyển chuột sang phải. Bạn sẽ thấy vấn đề. –
Cảm ơn! Chúng tôi có phiên bản Chrome năm 2016 và phiên bản 51 và đây vẫn là cách duy nhất để sửa lỗi này… – typocoder
Bạn có thể sử dụng
html { overflow-x: hidden; }
Tôi chỉ gặp phải vấn đề này khi cố gắng giấu một số hình ảnh mà tôi/biết/sẽ rộng hơn so với cơ thể trên điện thoại di động.
Ban đầu tôi chỉ đơn giản là có:
body { overflow-x: hidden; }
này đã không làm việc trong Chrome, nhưng nó đã làm trong IE 10.
Tuy nhiên, nếu bạn sau đó cũng nói thêm:
html { overflow-x: hidden; }
Hình ảnh được ẩn chính xác trong cả hai trình duyệt.
Nó hoạt động tốt cho tôi trong Chrome, xem -> http://jsfiddle.net/H84pr/ – Nelson
Dường như nó đã được sửa rồi! Nó chắc chắn không hoạt động khi tôi đăng bài này: P – PapaSmurf
Theo [MDN] (https://developer.mozilla.org/en-US/docs/CSS/overflow-x#Browser_compatibility), 'overflow-x' hoạt động trong Chrome kể từ phiên bản 1.0. Có thể điều này đã bị hỏng một thời gian trong một số phiên bản (nó khá điển hình cho Chrome để có một số lỗi lạ được giới thiệu trong một phiên bản và được sửa trong một phiên bản tiếp theo). –