2012-09-30 33 views
7

Đây là một trường hợp thử nghiệm đơn giản cho vấn đề của tôi:Tại sao sự kiện cuộn bánh xe không kích hoạt khi chuột ở trên phần tử "vị trí: cố định"?

http://jsfiddle.net/JZmvf/20/

  • đưa chuột lên hình vuông màu đỏ
  • cuộn với bánh xe chuột
  • div cha mẹ không được di chuyển

Làm thế nào để làm cho div cha thường di chuyển với bánh xe chuột, ngay cả khi con chuột ở vị trí: phần tử cố định?

Cảm ơn.

+0

Nó cuộn tốt trong Windows 7/IE9, nhưng không di chuyển trong Chrome. Ngay cả khi bạn đã giải quyết nó cho một trình duyệt, bạn cũng có thể gặp phải vấn đề tương tự trên các kết hợp nền tảng/trình duyệt khác nhau, vì vậy tôi sẽ không bận tâm khi cố sửa nó nếu tôi là bạn. –

Trả lời

1

Các phần tử có position: fixed; được định vị tương ứng với chế độ xem, do đó, scrollable div không phải là cha của số fixed div trong trường hợp này, mặc dù nó có thể xuất hiện theo cách đó nếu bạn chỉ xem kết quả.

Nếu bạn định vị con trỏ qua div fixed và cuộn xuống, trình duyệt của bạn đang được thông báo để cuộn xuống div fixed. Các phần tử cố định, theo bản chất, không thể cuộn được, do đó không có gì xảy ra.

Bạn có thể muốn thêm một vài chi tiết khác về chính xác những gì bạn đang cố gắng hoàn thành. Hy vọng rằng sẽ giúp!

0

Rất muộn của nó cho một câu trả lời nhưng tôi đã có thể khắc phục vấn đề này bằng cách thêm pointer-events: none phong cách cho div "cố định".

Như thế này: http://jsfiddle.net/JZmvf/55/

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