0

我正在尝试在标准 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(如人工滚动条)是另一个可能的原因。为我指出这一点将不胜感激。谢谢!

4

1 回答 1

0

尝试使用jQuery Slider,你可以从里到外设置它的样式。另外,您已经有了鼠标拖动和滚动(实际上有效)。

于 2012-05-22T16:06:53.723 回答