0

「スライド」が積み重ねられ、ユーザーがスクロールする必要があるページを作成しようとしています。各スライドは、ビューポート全体を埋めることになっています。だから私はこのCSSを持っています:

html,
body,
.slide {
  height: 100%;
}

そして私のHTMLでは、私は単に持っています

<div class="slide">
  <!-- Content Slide #1 here -->
</div>
<div class="slide">
  <!-- Content Slide #2 here -->
</div>

そして、それはうまく機能します。問題は、私の iPhone では、2 番目のスライドの高さが十分でないことです。
スクロールバーを上にしてサイズを計算しているようですが、下にスクロールするとスクロールバーがありません。これを修正するにはjQueryが必要だと思いますが、どうすればいいですか?

4

1 に答える 1

0

jQueryを使用したい場合は、これを行うことができます

if( /iPhone|iPad|iPod/i.test(navigator.userAgent) ) {
   $('.slide').css({'height':'100%'});
}
于 2013-03-04T13:10:13.937 に答える