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?

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)