6

私のウェブサイトのコンテンツは、div画面全体に表示される絶対的な位置にあります。このdivのスクロールは、ネイティブの勢いのあるスクロールではないため、通常は不格好です。解決?-webkit-overflow-scrolling: touch;divに追加します。

勢いのあるスクロールが機能するようになりましたが、ページを下にスクロールすると、div要素が表示されません。コンソールにはエラーは表示されず、実際のページには何も問題はありませんが、個々の投稿(div's)は表示されません。次に例を示します。

ここに画像の説明を入力してください

誰かがiPadでこれを確認したり、修正を提案したりできますか?スクロール可能性の線に沿って何かを使用したくありません。iOS6ベータ版がこれを引き起こしている可能性がありますが、私は安心したいと思います。

このサイトはiPadで見ることができます

そして、誰かが私のブックマークを説明してほしいと思ったら、喜んでそうします。

4

1 に答える 1

1

現在、.post CSSクラスはposition:relativeを使用しています。その行を削除すると、問題は解決します。明らかに、ビュー内にない場合、比較的位置の要素は非表示になります。iPadがこれを行う理由、またはそれがバグであるかどうかは正確にはわかりません。私の経験では、iPadデバイスは可能な限り効率的に実行しようとします。たとえば、スクロールするとJSアニメーションがフリーズします。おそらくこれは、iPadがページをより効率的にレンダリングできるようにするための手法です。うまくいけば、それがお役に立てば幸いです。

この記事は関連している可能性があり、回避策があります: CSS3プロパティwebkit -overflow-scrolling:touch ERROR

'-webkit-overflow-scrolling:touch'を使用すると、スクロール/ドラッグ中にコンテンツが非表示になります

于 2012-08-02T16:42:05.263 に答える