我正在尝试在标准 iScroll HTML 页面中实现 div 滑块,请参阅以下链接:
使用 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 中只有一两行代码需要更改。同样,与我的第二个幻灯片 div 重叠的 iScroll div(如人工滚动条)是另一个可能的原因。为我指出这一点将不胜感激。谢谢!