首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >iScroll阻止我的div显示(在实现div滑块时)

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

Stack Overflow用户
提问于 2012-05-22 07:22:32
回答 1查看 576关注 0票数 0

我正在尝试将div滑块实现到标准的iScroll HTML页面中,请参阅以下链接:

使用iScroll (幻灯片不能正常工作):http://utvecklingspunkten.se/iscroll.html

不使用iScroll (幻灯片工作):http://utvecklingspunkten.se/iscroll2.html

出于某种原因,iScroll隐藏了内容(而不是包含它的div!)在第二个 div幻灯片中。包含内容的div是正确的,并且是适当的(请看控制台),但是内容只是被iScroll隐藏了。当移除对iScroll的所有引用(如iscroll2.html中的引用)时,一切都正常工作。

包含两种幻灯片的包装器

代码语言:javascript
运行
AI代码解释
复制
#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;

}

每个滑动元素:

代码语言:javascript
运行
AI代码解释
复制
.additional-block {
position: absolute;
display:block !important;
}

有谁知道我如何使使iScroll和滑块一起工作,而不干预呢?希望iscroll.js中只有一两行代码需要修改。同样,重叠第二个幻灯片div的iScroll div (像人工滚动条)是另一个可能的原因。为我指出这一点将不胜感激。谢谢!

EN

回答 1

Stack Overflow用户

发布于 2012-05-22 08:06:53

尝试使用jQuery滑翔机,您可以从内到外对其进行样式化。此外,您已经有鼠标拖动和滚动(这实际上是可行的)。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10705049

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档