2017-01-07 13 views
1

ipadでSafariを使用している間、ウェブサイトがロードされ、ユーザーはウェブサイトを左右にドラッグしてベージュの背景を表示することができます水平スクロールバーは表示されません)下記のビデオは問題を示しています。ウェブサイトIpad上で水平にドラッグ可能 - (水平スクロールバーが表示されない)

Video Showing the Issue

私はワードプレスheader.phpのファイルが、それでも同じにこれを追加しました。

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/> 

答えて

0

スクロール可能なページの末尾を示すサファリ機能です。あなたは、最も低いレベルのコンテナ、おそらくボディタグの背景色を設定することによってその色を変更することができます

+0

つまり、ipadを使用している場合のみ、Safariで表示されるすべてのウェブサイトでこれを行うことは可能ですか? – Tamara

+0

iPadだけでなく、Macでも同じです。 IDKのiPhone SafariとSafariのWindows版についてしかし、iOSと同じようにiPhoneでも同じでなければならない –

0

ウェブサイトのヘッダー内の3番目の列のdivは、水平スクロールバーは表示されませんでした(overflow:hiddenとviewport metaを使用して無効になりました)。これは、iPad上で(ipadのみ)表示しても左右の水平ドラッグ可能性をユーザに許可していました。

クロムインスペクタを使用し、境界を次のように設定します。溢れている領域を見つけるのに役立ちます。

関連する問題