CSS tàn tật di chuyển

Question

Tôi đã xem qua một vấn đề với một trong các trang web của chúng tôi:

Trong IE9 trang đã có một thanh cuộn dọc, nhưng bạn không thể sử dụng xoay chuột, phím mũi tên, PgUp/Trang Dưới để di chuyển. Cách duy nhất để cuộn là thực sự nhấp/giữ và di chuyển thanh cuộn.

tôi loại bỏ các sau đây từ css:

{ 
    overflow-x: hidden; 
} 

sau đó di chuyển làm việc như bình thường. Đã có người khác đi qua này? Có vẻ lạ như overflow-x nên ẩn thanh cuộn ngang? Tại sao nó có hiệu lực theo chiều dọc?

Tôi đã thử điều này trên trang thử nghiệm và hoạt động như mong đợi. Vì vậy, nó phải là một sự kết hợp của sự vật.

Answer 1

overflow-x: hidden;
sẽ ẩn mọi thứ trên trục x nằm ngoài phần tử, vì vậy sẽ không cần thanh cuộn ngang và nó sẽ bị xóa.

overflow-y: hidden;
sẽ ẩn mọi thứ trên trục y nằm ngoài phần tử, vì vậy sẽ không cần thanh cuộn dọc và nó bị xóa.

overflow: hidden;
sẽ loại bỏ cả hai cuộn

Answer 2

Hãy thử sử dụng đoạn mã sau. Điều này sẽ giải quyết vấn đề của bạn.

body, html { 
    overflow-x: hidden; 
    overflow-y: auto; 
} 

Answer 3

Tôi sử dụng iFrame để chèn nội dung từ trang khác và CSS được đề cập ở trên KHÔNG hoạt động như mong đợi. Tôi phải sử dụng tham số cuộn = "không" ngay cả khi tôi sử dụng HTML 5 Doctype