Vücut kaydırma önlemek ama bindirme kaydırma İZİN
Bir ışık kutusu bu henüz bir tane (lütfen eğer herhangi bir biliyorsanız öneririm) bulamadım. bu tür bir çözüm arıyorum
Canlandırmaya çalışıyorum davranışı bir görüntü tıklandığında Pinterest gördüğünüz gibi.
Kaplamayı kaydırılantüm kaplama bir sayfanın üstüne bir sayfa yukarı taşırama kaplamanın ARKASINDA vücut sabittir.
Sadece CSS ile bu oluşturmak için çalıştı(yani. bütün sayfanın üst ve gövde taşma div kaplaması: gizli)ama hiçbir şey kaydırılan olmaktan div engeller.
Nasıl vücut kaydırma sayfa/tutmak için ama tam ekran kaydırma kabın içinde?
CEVAP
TL;DR versiyonusadece firebug üzerinden katman öğesi (ve vücut) ilgili stil js ile etkin görmek için sabırsızlanıyoruz. :)
Kaplamayı açtığınızda pinterest siteye bakmak, noscroll
a sınıfı body
elemanı uygulanır, overflow: hidden
ayarlanır, böylece body
artık sekmeli.
Kaplama (oluşturulan on-the-fly ya zaten sayfasında ve yapılan görünür) display: block
). position : fixed
overflow-y: scroll
, üst, sol, sağ ve alt ayarlamak için 0
bu yüzden olabilir dolgu tüm görünüm penceresi.
Kaplamanın içinde div
position: static
Sonra görüşürüz dikey kaydırma çubuğu bu eleman ile ilgilidir yerine. Böylece, içerik sekmeli ama kaplama sabit kalır.
Ne zaman Sana yakın zoom gizle üst üste () display: none
) ve daha sonra da tamamen kaldırmak yoluyla javascript (veya sadece içerik içinde bağlı nasıl istersen enjekte içerik) ve sen de Kaldır noscroll
sınıf bedeni (yani taşma özelliği geri alır, kendi başlangıç değeri)
Kalıcı açıldığında kaydırma gelen VÜCU...
Nasıl bir DIV öğesi kaydırma, sayfa ka...
Nasıl OS için gizli olmaktan kaydırma ...
HTML5 Tarihine tarayıcı kaydırma önlem...
Bir UİWebView izin Kaydırma devre dışı...