読者です 読者をやめる 読者になる 読者になる

Browser

Microsoft Edge(Project Spartan, Internet Explorer) 、ブラウザ周辺、Web フロントエンド開発、UI、など

Microsoft Edge まとめページ

iOS で CSS Scroll Snap Points が動作していない気がする

Safari Microsoft Edge 開発

Safari 9 で Scroll Snap Points が対応されましたがiOS で動作してません。
9.1 でも同様だそうです。

iOS 公式ドキュメント

https://developer.apple.com/library/ios/releasenotes/General/WhatsNewInSafari/Articles/Safari_9.html#//apple_ref/doc/uid/TP40014305-CH9-SW21

 

サンプル

f:id:x67x6fx74x6f:20151028193301p:plain

http://toshihirogoto.github.io/ScrollSnapPoint/

上下フリックで動き、画面全体にスナップしながら遷移します。
タッチ可能な IE10 ~ Edge、 Windows/Mac Firefox (Android は動作せず)
Chrome はサポートしていません。

 

参照元

Metro style appのために拡張されているCSS(スクロール編) 05:25 Metro style appのために拡張されているCSS(スクロール編)

http://subtech.g.hatena.ne.jp/mayuki/20110923/1316809527

 

Internet Explorer のドキュメント

https://msdn.microsoft.com/en-us/library/hh772037(v=vs.85).aspx

 

scroll-snap-points-yM - MDN

https://developer.mozilla.org/ja/docs/Web/CSS/scroll-snap-points-y

 

W3C Working Draft

http://www.w3.org/TR/css-snappoints-1/

スポンサーリンク