標準の iScroll HTML ページに div スライダーを実装しようとしています。以下のリンクを参照してください。
iScroll を使用する (スライドが正しく動作しない): http://utvecklingspunkten.se/iscroll.html
iScroll なし (スライド動作): http://utvecklingspunkten.se/iscroll2.html
何らかの理由で、iScrollは2 番目のdiv スライドのコンテンツ(それを含む div ではありません!) を非表示にします。コンテンツを含む div はそこにあり、正しく配置されています (コンソールを見てください) が、コンテンツは単に iScroll によって隠されています。iscroll2.html のように、iScroll へのすべての参照を削除すると、すべてが正常に機能します。
両方のスライドを含むラッパー:
#wrapper {
position:absolute; z-index:1;
top:45px; bottom:2px; left:0;
background:#aaa;
-webkit-transition-property: left;
-webkit-transition-duration: 400ms;
display:block !important;
}
各スライド要素:
.additional-block {
position: absolute;
display:block !important;
}
iScrollとスライダーを連携させ、干渉しないようにする方法を知っている人はいますか? うまくいけば、変更が必要な iscroll.js のコードは 1 ～ 2 行だけです。同様に、iScroll div (人工スクロールバーなど) が 2 番目のスライド div に重なっていることが、別の理由として考えられます。これを私に指摘していただければ幸いです。ありがとう！