我正在尝试将div滑块实现为标准的iScroll HTML页面,请参阅以下链接:
使用iScroll(幻灯片无法正常工作): http://utvecklingspunkten.se/iscroll.html
没有iScroll(幻灯片工作): http://utvecklingspunkten.se/iscroll2.html
出于某种原因, iScroll会在第二个 div幻灯片中隐藏内容(而不是包含它的div!)。包含内容的div是正确的,并且它是正确的(在控制台中查看),但内容只是由iScroll隐藏。删除对iScroll的所有引用时,就像在iscroll2.html中一样,一切正常。
包含两张幻灯片的包装:
#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中只有一行代码或两行需要更改。同样,一个 iScroll div(就像人工滚动条)重叠我的第二个幻灯片div是另一个可能的原因。指出这个对我来说将非常感激。谢谢!