4000px 幅の背景を持つ Web ページを作成しました。Windows、Mac、iPad の Chrome と Safari ではうまくスクロールします。ご想像のとおり、問題なく左、上、右にスクロールできます。
しかし、このページを .wdgt 形式に変換して iBooks にインポートし、iPad (4) でプレビューすると、ページはどの方向にもスクロールしません。
本文とコンテナの CSS に追加しようとしましoverflow: scroll;
-webkit-overflow-scrolling: touch;
たが、問題は解決しません。
HTML
<body>
<div id="container">
</div>
<body>
CSS
/* General */
* {
margin: 0;
padding: 0;
}
body {
font-family: Verdana, sans-serif;
}
#container {
width: 10158px;
height: 974px;
background: url(../img/1B.jpg) no-repeat;
-webkit-background-size: 10158px 974px;
}
これを解決する方法を知っている人はいますか?それはCSSまたはJavaScriptの問題ですか?
前もって感謝します。