我正在尝试将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中只有一两行代码需要修改。同样,重叠第二个幻灯片div的iScroll div (像人工滚动条)是另一个可能的原因。为我指出这一点将不胜感激。谢谢!
发布于 2012-05-22 08:06:53
尝试使用jQuery滑翔机,您可以从内到外对其进行样式化。此外,您已经有鼠标拖动和滚动(这实际上是可行的)。
https://stackoverflow.com/questions/10705049
复制