3

初めて、JQueryMobile + PhoneGap を使用して iPhone アプリに取り組んでいます。ポップアップのように機能する div コンテナーがあり、overflow:auto および -webkit-overflow-scrolling: touch で最大高さを指定しました。

私はスクローラーを常に見えるようにしたいと思い、このcssルールを試しました(テストのために、要素とグローバルスタイルの両方で同じpseduを使用しました.しかし、それがこのように機能するかどうかはわかりません!)..

.info-wrapper-content::-webkit-scrollbar, ::-webkit-scrollbar {
-webkit-appearance: none;width: 8px;
height: 13px;
}
.info-wrapper-content::-webkit-scrollbar-thumb:vertical{
height: 50px;
    background-color: #D95649;
    -webkit-border-radius: 0px;
    visibility: visible;
}

デスクトップ Safari または Chrome でうまく機能し、常に表示されます!しかし、モバイル Safari または Phonegap アプリケーションでは機能しません! ::-webkit-scrollbar は Mobile Safari でサポートされていますか?

iScroll のような追加のスクロール プラグインを使用したくありませんでした。どうしたの？同じコードが異なる動作をするのはなぜですか? 何かアドバイスをください。

4

2 に答える 2

0

私はあなたがこれを見るべきだと思います..それは誰かが以前に尋ねた同様の質問です..

モバイルサファリはオーバーフロープロパティをサポートしていないようです。そのため、スクロールバーは表示されません。

役立つリンクを見つけましたが、自分でテストしていないので、試してみてください

于 2012-11-19T02:49:02.043 に答える