2012-02-16 29 views
5

Tôi đang cố tạo ứng dụng PhoneGap Windows Phone 7. Để bắt chước thanh Ứng dụng luôn hiển thị ở bên trái màn hình theo hướng ngang, tôi muốn đặt <div> với CSS là position:fixed. Điều này không làm việc, tuy nhiên, vì IE trên WP7 dường như không hỗ trợ nó.vị trí: được sửa trong Windows Phone 7

Có ai có ý tưởng về cách tôi có thể hiển thị thanh Ứng dụng như vậy mà không cần có position:fixed không?

Cảm ơn trước

Trả lời

4

Tôi cũng đã gặp sự cố này. Nó thực sự có vẻ không phải là có thể tạo ra một yếu tố cố định và vị trí các yếu tố sau mỗi cuộn trông tồi tệ hơn (hãy thử các ví dụ trực tuyến trên điện thoại di động jquery của bạn họ làm theo cách này).

Tôi "giải quyết" sự cố bằng cách sử dụng vùng chứa div cho nội dung không cố định của tôi với style = "overflow: scroll" và kích thước cố định. Điều này làm việc cho tôi. Nhưng cuộn trong vùng chứa này không giống như cuộn gốc.

Hy vọng rằng sẽ giúp

1

Tôi đã cố gắng giải quyết vấn đề trên điện thoại Win 8 (Lumia 930).

Tôi có cửa sổ phương thức và khi được mở trên thiết bị di động phải ở trong điểm xem và cuộn bên trong. Android và iphone làm việc tốt với vị trí cố định nhưng giành chiến thắng điện thoại không.

Giải pháp của tôi là đặt lớp hoạt động trên html khi phương thức đang hoạt động và thêm video này vào css:

html.modal_active{ 
    overflow-y: hidden;-webkit-overflow-scrolling:touch; position: absolute; height: 100%; width: 100%; 
    body{overflow-y: hidden;-webkit-overflow-scrolling:touch; position: absolute; height: 100%; width: 100%;} 
} 

này html vị trí và cơ thể tuyệt đối khi phương thức được khai trương giải quyết vấn đề. Hy vọng nó đã giúp!