iScroll阻止我的div显示(实现div滑块时)

时间:2012-05-22 15:22:33

标签: css html iscroll

我正在尝试将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是另一个可能的原因。指出这个对我来说将非常感激。谢谢!

1 个答案:

答案 0 :(得分:0)

尝试使用jQuery Slider,您可以将其设置为内部样式。另外,你已经有鼠标拖动和滚动(实际上有效)。