CSS Kaydırma ek noktası iOS 9.1'de çalışmıyor Safari

Question

Sadece ipad mini'yi iOS 9.1 sürümüne güncelledim ve Can I use'a göre cihazımdaki css snappoint'leri kullanabiliyorum. İnternette snap-point demo var, ama kendimden bir tane yazdım (neden olmasın :) DEMO. Bu demoda yatay olarak ilerleyebilirsiniz.

HTML:

<ol> 
     <li class="a"></il> 
     <li class="b"></il> 
     ... 
</ol> 

Stiller:

ol { 
    list-style-type: none; 

    white-space: nowrap; 
    overflow-x: auto; 
    overflow-y: hidden; 
    white-space: nowrap; 

    scroll-snap-type: mandatory; 
    scroll-snap-points-x: repeat(100%); 
    scroll-behavior: smooth; 
} 

Neyse, benim demo benim laptop FF ve Safari çalışır, ancak benim iPad'de öyle değil. Yani soru şu: numaralı telefonu yanlış kullanabilir miyim, yoksa yanlış bir şey mi yapıyorum?

Answer 1

Ben bir de ekleyerek çalışması başardı:

Snap-point

burada demo deneyin -webkit-overflow-scrolling: touch; düğmesi çalışmıyor bu güncellenmiş keman http://jsfiddle.net/hpjtqewn/2/

görüyorum ama parmağımı ve kaydırma kullandığınızda, bu benim tou kullandığınızda çalışır benim masaüstü, benim safari, doğru erken noktaları için aynı oturana kaydırmak için chpad. Normal fare çalışmıyor ve düğmeyi tıklamak işe yaramıyor, ancak muhtemelen jquery aracılığıyla .scrollTo'yu nasıl kullandığınız ile ilgili.

Answer 2

Aynı problemi iPad'de önerdiğin şeyi yapmayacak bir projeyle de yaşadım. Bir süre ben bu süper hafif küçük jquery eklentisi kullanarak sona erdi çünkü Ancak, seslendi: http://robspangler.com/git/jquery-snappoint/demo/demo.html

Answer 3

Sen senin ol bir üst div ekleyip -webkit-taşma kaydırma kullanabilirsiniz: dokunma. IOS'taki kaydırma sorunları için bir düzeltmedir.