【问题标题】:iScroll prevents my div from showing (when implementing div slider)iScroll 阻止我的 div 显示(在实现 div 滑块时)
【发布时间】:2012-05-22 15:22:32
【问题描述】:

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

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

没有 iScroll(幻灯片工作): http://utvecklingspunkten.se/iscroll2.html

出于某种原因,iScroll 隐藏了 second 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(如人工滚动条)是另一个可能的原因。 为我指出这一点将不胜感激。谢谢!

【问题讨论】:

    标签: css html iscroll


    【解决方案1】:

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

    【讨论】:

    • 因为这是 iPhone webb 应用程序的一部分,所以最好使用简单且非常基本的 CSS 动画。我已经尝试了两者并得出结论,与 jQuery 相比,像这样的 CSS 动画在 iPhone 上运行更流畅。因此,不幸的是,这不是我的选择。那么有人知道如何解决上述实际问题吗?
    猜你喜欢
    • 1970-01-01
    • 2022-01-11
    • 1970-01-01
    • 1970-01-01
    • 2011-11-28
    • 1970-01-01
    • 2012-01-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多