オーバーフロー要素（lightwindow）のためのiOSスクロールが不安定です

Question

私はオーバーフロー-yオートでモバイル上で100％幅と高さで固定位置のライトウィンドウを持っています。私はそれがスクロールが非常に途切れ途切れとビクビクでiPhoneを除いて正常に動作している

.noscroll { // add to body when the lightwindow shows to prevent body scrolling 
    overflow: hidden !important; 
} 
.lightwindow { 
    position: fixed; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    overflow-y: auto; 
} 

持つ二つのCSSクラスは、次のとおり、私はそれだけでiPhone上で定期的にスムーズスクロールのようにスクロールしたいと思います。あなたは指のフリックは、Webページのスクロールを送信し、それが最終的に減速して停止するまでいっているiPhoneのようなタッチデバイスのための運動量タイプのスクロールを探している

おかげ

Answer 1

。解決策は、あなたのコードにそれを適用するにはhere

を説明したクリス・カバーは、あなたが-webkit-overflow-scrolling: touch;あなたlightwindowクラスを追加してもoverflow-y: scroll;ので、それは次のよう

.lightwindow { 
    position: fixed; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    overflow-y: scroll; /* has to be scroll, not auto */ 
    -webkit-overflow-scrolling: touch; 
} 

・ホープ、このことができますのようなものになるだろう必要がありました。