移动端页面上下滑动效果
发布网友
发布时间:2022-04-26 17:30
我来回答
共1个回答
热心网友
时间:2022-05-03 07:52
简单的做法:
首先设置元素出状态 top (js 的 clientHeight)
利用 css3 transition,(例:transition: top .2s ease)
然后通过事件改变 top 的值,达到滑动的效果(top: client页面高度 -> top: 0)
(以上仅为参考,该元素需要 position: fixed)
复杂的可以再去上网寻找下各种例子,甚至是尝试模仿一些app的效果自己做点东西出来追问那不是手指触摸屏幕之后改变top的值么,手指触摸这里怎么做?
追答事件,例如 touchstart,touchend
这些我就不熟悉了,当然onclick依旧可以使用