Tôi tìm thấy một vấn đề lạ với phần đầu của tôi cố định theo các điều kiện sau đây:Các vấn đề với vị trí CSS: cố định trong iOS 9 iPhone 6 trở lên trong chế độ phong cảnh
- iphone 6 +, chế độ phong cảnh
- safari, tại ít nhất hai tab mở
- trang của tôi có một vị trí: tiêu đề cố định và một cơ thể và html với position: relative, height: 100%
Sau khi tải trang và khi di chuyển xuống, tất cả hoạt động tốt, tiêu đề là tại chỗ và kiểm tra web ector thấy nó một cách chính xác:
Nhưng khi bạn di chuyển lên và kéo trang xuống màn hình và phát hành, tiêu đề là vẫn hiển thị trên trang, nhưng trên thực tế nó được chuyển đâu đó dưới khung nhìn (thấy rằng thanh tra web không làm nổi bật nó).
kết quả thực tế này trong tất cả các yếu tố tiêu đề là unaccessible: bạn không thể mở trình đơn, nhấp vào biểu tượng hoặc nút liên lạc.
Phần header đi trở lại bình thường khi:
- bạn cuộn xuống (nhưng phá vỡ một lần nữa khi bạn di chuyển trở lại)
- chuyển sang tab khác và ngược lại
- hoặc gần các tab khác
Tôi đã thử thay đổi DOM hoặc/và CSS của tiêu đề và nội dung, nhưng không có gì đặt tiêu đề trở lại trạng thái bình thường.
Bất kỳ suy nghĩ nào về cách khắc phục sự cố?
chúng ta có thể có được một fiddle hoặc tốt hơn là một ví dụ sống mà chúng ta có thể gỡ lỗi? –