将滑动动画添加到网站的移动端

时间:2017-05-17 01:39:58

标签: jquery css angularjs swipe swipe-gesture

我的网站上有一个图片库。单击图像时,带有向后和向前按钮的模态弹出窗口将覆盖屏幕,并且工作正常。

但是,在移动设备上,我希望扩展此模态窗口,使图像占据屏幕宽度的100%。我希望箭头消失,而用户应该能够通过滑动左右移动。理想情况下,会有一个滑动动画。

你会如何推荐实现这样的东西?有没有内置的CSS,jQuery或Angular命令?我想避免添加整个库或插件,但如果那里的东西效果很好,它是什么?

1 个答案:

答案 0 :(得分:1)

我猜问题是,你想要你的动画怎么样?使用jquery滑动事件(以及swipeleft和swiperight)添加css来转换你想要包含多个东西的元素。还有可以绑定到滑动事件的jquery动画效果。 如果你想保持简单,你可以坚持使用CSS(并且在旧IE中冒险)。在移动设备中查看此页面上的“显示”标签:https://tympanus.net/Development/DragDropInteractions/reveal.html 注意:使用纯CSS

可以在此链接上执行一些令人惊奇的事情