Cố gắng tạo một menu được dán vào đầu trang toàn bộ thời gian. Tài liệu được theo dõi của zurb.foundation, nhưng .sticky luôn hoạt động theo cùng một cách bất ngờ. Hoặc có lẽ tôi không hiểu rõ?Zurb Foundation 6 trạng thái chuyển đổi dính ở cuối chiều cao khung nhìn ".được neo. Ở dưới cùng"
Vui lòng kiểm tra cho tái thiết ở đây: http://codepen.io/mister-hansen/pen/wMgrPm
Nếu trang web đang cuộn xuống, và nhấn chính xác chiều cao của khung nhìn ban đầu, plugin dính đang thay đổi các yếu tố .sticky từ is-stuck is-at-top
tới: .is-anchored .is-at-bottom
nên .sticky biến mất .
Cảm ơn bạn.
CẬP NHẬT Phần đầu tiên từ tài liệu: foundation.zurb.com/sites/docs/sticky.html giải thích hành vi được mô tả. Vì cơ thể mặc định {height: 100%} css, nội dung được diễn giải chính xác với giá trị CPC chiều cao của chế độ xem.
Vì vậy, trong giải pháp trường hợp của tôi là a) ghi đè chiều cao của cơ thể bằng ô tô. Nhưng tốt hơn b) Chỉ cần tránh sử dụng chức năng dính cho tiêu đề cố định.
Bạn đang sử dụng phiên bản Foundation 6 nào? –
Được tạo bằng Yeti Launch, cho các trang web - Cơ bản. Readme nói: # [Foundation for Sites] (http://foundation.zurb.com) (v6.0) –
Cập nhật lên Foundation thành 6.1.1 và thử lại. Rất nhiều sửa lỗi đã được triển khai từ 6.0. Để cập nhật, hãy vào thư mục gốc của dự án và chạy 'bower update'. –