【发布时间】:2012-05-22 15:22:32
【问题描述】:
我正在尝试在标准 iScroll HTML 页面中实现 div 滑块,请参阅以下链接:
使用 iScroll(幻灯片无法正常工作): http://utvecklingspunkten.se/iscroll.html
没有 iScroll(幻灯片工作): http://utvecklingspunkten.se/iscroll2.html
出于某种原因,iScroll 隐藏了 second 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 中只有一两行代码需要更改。同样,与我的第二个幻灯片 div 重叠的 iScroll div(如人工滚动条)是另一个可能的原因。 为我指出这一点将不胜感激。谢谢!
【问题讨论】: