【问题标题】:I have an issue with swiper and arrow buttons (magic)我对滑动器和箭头按钮有疑问(魔术)
【发布时间】:2016-12-21 09:31:44
【问题描述】:

在滑动或更改 css 中的任何属性之前未显示滑动箭头(非内联)

演示链接:http://sinneren.ru/side/giftormagic/views/index0.html

如何:查看我的错误 您必须在移动方向使用浏览器(Chrome、Safary 可能是其他浏览器)。滚动到带有玫瑰的大白块。你看到箭头了吗?不,如果您在其上滑动一次,或者您更改了 css 中的任何属性,或者您更改了对块的关注 - 它们将被显示。这是魔法。它之前显示过,但放置在白色块下。我更改了任何样式、位置、使用带有 init-callback 和计时器的 hack 来更改内联样式 - 它不起作用。

【问题讨论】:

    标签: javascript jquery css swiper


    【解决方案1】:

    由于这只发生在 Chrome 中(对吗?),这可能是抗锯齿问题。试试这个属性: -webkit-backface-visibility: hidden; 按钮样式。如果这没有帮助,请尝试:

    -webkit-transform: translate3d(0, 0, 0); 
    transform: translate3d(0, 0, 0)
    

    【讨论】:

    • 它发生在 Chrome 桌面和 iPad(7.0.x) 和 iPhone 5 上的 Safari 上(我不知道 iOS 版本)。使用 Chrome 上的此属性,它可以工作,但不能在 Safari 手机中使用
    • 真正的魔法:) ...我也想添加这个:-webkit-transform: translate3d(0, 0, 0);变换: translate3d(0, 0, 0); (没有很好的解释...)
    猜你喜欢
    • 1970-01-01
    • 2021-12-22
    • 2023-03-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-07-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多