2016-02-24 16 views
9

Tôi đang gặp sự cố với phần tử vị trí cố định trong Chrome dành cho thiết bị di động. Một khoảng cách nhỏ giữa phần tử cố định trên cùng và phần trên cùng của chế độ xem xuất hiện khi tôi vuốt lên và xuống mà không cần tải lại trang.vị trí cố định trong chrome di động

Để sao chép lỗi này, cách dễ nhất là thử ví dụ khởi động https://getbootstrap.com/examples/navbar-fixed-top/ trong Chrome dành cho thiết bị di động. Vuốt lên và xuống mà không cần tải lại trang và sau một vài lần thử, bạn sẽ thấy một khoảng trống.

Câu trả lời phổ biến nhất trên Chrome rendering issue. Fixed position anchor with UL in body không làm việc cho tôi:

#element { 
    -webkit-transform: translateZ(0); 
} 
+0

tôi không thể tái tạo nó trong Chrome dành cho thiết bị di động là bạn vẫn gặp sự cố này? Nếu bạn xin vui lòng bao gồm các mã có liên quan mà sẽ cho phép chúng tôi để tái tạo các vấn đề trong câu hỏi chính nó một Stack Snippet sẽ là tuyệt vời. –

+0

Khoảng cách lớn như thế nào? Nếu nó chỉ khoảng 1 pixel thì tôi tin rằng nó chỉ đơn giản là một trục trặc rendering. Tôi không thể tạo lại lỗi này trên thiết bị của riêng mình. –

Trả lời

0

Hãy thử thiết lập margin-toppadding-top-0px cho các phần tử cố định và bodyhtml thẻ

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