現在、スライドショーが回転するモバイル サイトを作成しています。私は最新バージョンの JQuery Mobile (1.9.1) と Brad Birdsall の swipe.js を使用しています。
私が抱えている問題は、#advertising-consumer が含まれている最初のスライドを表示するには、ページを約 10 ～ 20 ピクセル下にドラッグして読み込む必要があることです。完全に動作することを確認したら、これに関する既知のバグ、またはこれをシミュレートするために使用できるスクリプトはありますか?
必要な場合に備えて、ここにいくつかのコードがあります。
html
body
<div data-role="page" data-theme="a" id="port">
<div data-role="header" class="header-index" data-position="inline"> <a href="#index" data-rel="back" class="ui-btn-left ui-btn-back" data-icon="arrow-l">Back</a>
<div class="logo-interior"><a href="index.php"><img src="images/spacer.png" width="75" height="40" alt="logo"></a></div>
</div>
<div data-role="content" data-theme="a" style="width:320px; margin-left:0px; margin-right:0px;">
<div id='mySwipe' style='max-width:320px;margin:0 auto' class='swipe'>
<div class='swipe-wrap'>
<div>
<div class="portfolio-image" id="advertising-consumer">
<p class="portfolio-subhead-orange">Advertising</p>
</div>
<p class="portfolio-body">Text goes here</p>
</div>
<div>
<div class="portfolio-image" id="animation">
<p class="portfolio-subhead-orange">Animation & Video</p>
</div>
<p class="portfolio-body">Text goes here</p>
</div>
</div>
</div>
<script src='js/swipe.js'></script>
<script>
var elem = document.getElementById('mySwipe');
window.mySwipe = Swipe(elem, {
startSlide: 0,
// auto: 3000,
// continuous: true,
// disableScroll: true,
// stopPropagation: true,
// callback: function(index, element) {},
// transitionEnd: function(index, element) {}
});
</script>
</body>
</html>
骨の折れる間違いを犯した場合は、時間を無駄にして申し訳ありません。