2016-01-14 29 views
14

CSS'de (resource, browser-support) yakalama noktaları ile ilgili bir sorum var. İkinci bir "gizli" bölüme kadar vücut boyunca tamamen normal kaydırmak istiyorum. Kullanıcı ikinci son bölümün altına kaydırdığında, viewport alt kısım ile bu bölümün altına girmelidir (son bölümün üst kısmı ile aynı). Kullanıcı bu tek geçişte gezinmeye çalıştığında, yalnızca belirli bir eşiğin üstesinden gelmekle mümkün olmalıdır.Sayfanın son bölümünden önce görünümün altına tek kaydırma yakalama noktası

Sorunumu daha iyi anlamak için görüntüledim, bu durumun mevcut yakalama noktaları belirtimiyle mümkün olabileceğini umuyorum.

http://codepen.io/anon/pen/NxaeZm

içeriği şöyle düzenlenmiştir:

enter image description here

+0

http://caniuse.com/#search=snap –

+0

Diğer dilleri içeren bir yanıtı kabul eder misiniz? –

+0

Bir çalışma kemanı veya snippet'i sağlayabilirseniz, elbette :) @FaustoNA – wottpal

cevap

4

Bu benim Alvaro Trigo en güzel kütüphanesi pagePiling kullanarak alabilir olduğunca uzak orta

<div id="pagepiling"> 
    <div class="section pp-scrollable" id="section1"> 
     <p>Content that scrolls normally</p> 
    </div> 

    <div class="section" id="hidden"> 
     <p>Not scrollable</p> 
    </div> 

    <div class="section pp-scrollable" id="section2"> 
     <p>Content that scrolls normally again</p> 
    </div> 

</div> 

bölüm kaydırmayı kaçırır ve daha sonra ikinci bölüme doğru ilerlemeye devam edebilirsiniz , yine normal bir sayfa gibi kayar. Orta bölüme erişmek için bir eşik ekleyemedim. Onu orada bırakıyorum. İyi şanslar!

İlgili konular