Safari上的Swiper Slider Bug

时间:2017-07-21 09:51:40

标签: jquery html css safari swiper

我在客户网站上使用了Swiper Slider(http://idangero.us/swiper)。顺便说一下,我喜欢这个滑块。但是当使用3d立方体效果时,它会在Safari(Mac)中出现两种奇怪的行为:

1)我无法在滑块上正确点击动作链接,因为可点击的区域比ac更窄。

2)右侧导航消失,仅在中间幻灯片上消失。

以下是工作示例:(请使用safari查看)http://ep-communication.de

更新我通过试验和错误修复了此修复的导航问题:

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -moz-transform: translate3d(0px, -50%, 1px);
  -webkit-transform: translate3d(0px, -50%, 1px);
  transform: translate3d(0px, -50%, 1px);
}

但Safari上的Click行为仍然存在:我为此设置了一个小提琴: https://jsfiddle.net/m9q48aks/

在Safari上:如果您尝试单击“测试”链接,您会看到活动的点击区域已移动。 在Chrome / Firefox上:一切都很好

0 个答案:

没有答案