Định vị cố định cho các trình duyệt di động

Question

Trên trang di động tôi đang xây dựng, tôi cần tiêu đề trên cùng để giữ vị trí cố định.

Tôi nhận thức được những giải pháp vị trí cố định cho Mobile Safari như đã thấy ở đây:

http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/

Tôi đã thử nó và nó hoạt động tốt. Tuy nhiên, tôi đã tự hỏi nếu có một giải pháp duy nhất hoạt động cho tất cả các trình duyệt di động của điện thoại thông minh lớn. Lưu ý: Tôi không cần chân trang cố định, chỉ cần tiêu đề trên cùng. Vì vậy, điều này sẽ làm cho nó dễ dàng hơn cho tất cả các kích cỡ màn hình điện thoại di động kể từ khi tôi muốn được chỉ cần thiết lập hàng đầu của div để 0 onScroll.

Cảm ơn!

Answer 1

Cập nhật quan trọng

Tính đến iOS 5, định vị cố định hoạt động tốt trên điện thoại di động. Tương tự như vậy androids mới nhất hỗ trợ nó.

---

Cũ câu trả lời

Tôi nghĩ iScroll sự là giải pháp phát triển tích cực nhất, nó hỗ trợ Android

Nhưng có một vài điều cần xem ra cho:

1. Bằng cách bật tính năng hack này, bạn đang tắt các tính năng mà mọi người thường sử dụng để thích thu phóng.
2. Điều này làm tăng thêm sự phức tạp cho giải pháp của bạn.

Vì những lý do JQtouch quyết not to use it:

Không phải là một vấn đề. Hiện tại, không hỗ trợ trong jQTouch. Bạn không chắc chắn cách thức của mình là quen thuộc nhưng vấn đề chính là ở đây là Safari trên thiết bị di động không vị trí hỗ trợ: đã được khắc phục. Một vài người đã làm việc về việc triển khai điều này, đáng chú ý nhất là Cubiq và Doctyper. Cả hai cảm thấy không đúng với tôi, do vậy tại sao tôi không làm theo mặc định, nhưng bạn đang miễn phí để cố gắng làm cho một phần mở rộng mà hỗ trợ nó-

Cá nhân khi giao dịch với các công cụ mà cần định vị cố định trên một chiếc iPhone, tôi thích đi với định vị tĩnh và chỉ tự động ghi vào phía dưới/trên cùng khi thay đổi nội dung động.

Answer 2

Theo sau từ liên kết mà Sam Saffron đã đăng, có vẻ như một phiên bản mới của iScroll (phiên bản 4) đã giải quyết một số vấn đề mà Sam đã liệt kê.

iScroll-4

Ngoài tất cả các tính năng iScroll trước, phiên bản 4 giới thiệu:

• Pinch/Zoom
• Kéo lên/xuống để làm mới
• Cải thiện tốc độ và đà
• Chụp vào phần
• thanh cuộn có thể tùy chỉnh

Tôi chỉ xem bản trình diễn trên trang web của họ, vì vậy tôi không thể xác minh cho nó, nhưng có vẻ tốt!

Answer 3

Tôi đã gặp phải sự cố tương tự trong hơn hai tuần. Và giải pháp này làm việc cho tôi. Chỉ cần bao gồm

-webkit-backface-visibility: hidden;

trong css của phần tử cùng với vị trí: cố định.

Nó sẽ hoạt động tốt