Sự cố cuộn trên phần tử cố định vị trí trên iOS

Question

Tôi đang tạo thành một dự án di động có một số mô-đun có các phần tử được định vị cố định. Vấn đề đang gặp phải chỉ trên các trình duyệt đang chạy trên iOS. Vấn đề chính xác là bất cứ khi nào tôi di chuyển qua phần nội dung của trang, hãy nói thanh công cụ dưới cùng, như cố định, toàn bộ phần tử cố định sẽ di chuyển tương ứng với cuộn và sau khi cuộn kết thúc hoàn toàn thì chỉ quay lại vị trí được chỉ định của nó.

Tôi đã cấp cho cơ thể trang một quy tắc css tương đối. Vui lòng trợ giúp vì điều này chỉ xảy ra trên iOS.

.add-to-block { 
    background: #fff; 
    position: fixed; 
    bottom: 0px; 
    right: 0px; 
    display: block; 
    height: auto; 
    width: 100%; 
    *(inner content element) { 
     inner content element styling... 
    } 
} 

Answer 1

Không có thực sự là một câu trả lời dễ dàng để điều này vì nó đã là một vấn đề được biết đến trên ios trong một thời gian (được cho là cố định trong iOS8) nhưng điều này mang đến cho bạn một vài cách để giải quyết nó: https://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios nó Các chi tiết về tất cả các các vấn đề với vị trí cố định trên thiết bị ios và các cách có thể khắc phục nếu bạn cần sử dụng nó.