2014-04-30 18 views
5

Tôi đã làm theo các nguyên tắc hỗ trợ trình duyệt di động bằng cách gói nội dung trong thẻ sau và trước thẻ nội dung.Cách khắc phục Skrollr trên thiết bị di động?

explination là ở đây: https://github.com/Prinzhorn/skrollr#what-you-need-in-order-to-support-mobile-browsers

Trang web này vẫn sẽ không cho phép trang để di chuyển trên một chiếc iPad tuy nhiên. Tôi cung không chăc tại sao. Bất kỳ code sleuthing sẽ được nhiều đánh giá cao.

trang web với mã là http://bit.ly/1rr6zGA

+0

trang bạn đã liên kết không chứa phần tử 'skrollr-body' – Prinzhorn

Trả lời

11

Bạn cần phải wrapp tất cả nội dung của bạn trong một phần tử với ID của skrollr-body. Tất cả các yếu tố không phải là vị trí: cố định; trong css của bạn đi vào bên trong phần tử skrollr-body.

From Skrollr website:

Bắt đầu với skrollr 0.6.0 chỉ có một điều bạn cần làm: Bao gồm một yếu tố trên trang của bạn với id skrollr thân. Đó là yếu tố chúng ta di chuyển để cuộn giả. Trường hợp duy nhất mà bạn không cần # skrollr-body là khi sử dụng vị trí: cố định riêng. Trên thực tế, trang web skrollr không bao gồm phần tử # skrollr-body. Nếu bạn cần cả phần tử cố định và không cố định (tức là tĩnh), hãy đặt các phần tử tĩnh bên trong phần tử # skrollr-body.

Hoặc để đặt nó theo cách khác: Trên thiết bị di động, phần tử skrollr-body được di chuyển bằng cách sử dụng các biến đổi CSS. Bạn không thể có vị trí: cố định hoặc nền đính kèm: cố định bên trong các yếu tố sử dụng CSS biến đổi theo CSS spec (http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms/). Đó là lý do tại sao những yếu tố đó cần phải ở bên ngoài phần tử skrollr-body.

+2

bạn nói bạn cần" bao "tất cả nội dung của mình trong # skrollr-body. nhưng trên trang web, nó nói "Bao gồm một phần tử trên trang của bạn với id skrollr-body" nó không nói là bọc. Tôi sẽ nghĩ rằng chỉ cần bỏ trống # skrollr-bodydiv ở bất kỳ đâu, nhưng Ill cố gắng gói tất cả nội dung của tôi trong # skrollr-body vì cách của bạn có vẻ đáng tin cậy hơn –

+0

Vì vậy, bất kỳ trang web nào có nav cố định không thể hoạt động trên thiết bị di động với Skrollr. – BenRacicot

+0

@BenRacicot Tôi không chắc đó là sự thật. Có thể có một nav cố định miễn là nó không được bọc bởi phần tử # skrollr-body. Tôi đã thấy các trường hợp mà nav nằm trên phần còn lại của phần skrollring – colmjude

3

Tôi có thể xác nhận rằng bạn cần phải cuộn nội dung bạn muốn cuộn trong # skrollr-body. Chỉ cần thêm một div với id = skrollr-body sẽ không hoạt động. Trang của tôi sẽ không cuộn nếu không trên thiết bị di động.

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