兼容
目标达成
这个作者很懒,什么都没留下…
展开
-
解决移动端scrollTo({behavior: “smooth“})滑动效果失效的问题
js自带的scrollTo方法可以设置动画,滚动的效果,代码在电脑上正常,但是在手机上的时候就没有smooth的滑动效果了,只能僵硬的跳到某个位置,类似scrollTop赋值的效果,这里从一个博客看到的一个解决办法,试了下确实可以,所以记录一下:首先安装这个插件:smoothscroll-polyfillnpm install smoothscroll-polyfill --save然后引入并在组件创建的时候调用下这个方法:比如mounted中import smoothscroll fr原创 2021-05-14 16:12:29 · 6904 阅读 · 1 评论 -
vue实现:聊天记录,下拉加载下一页数据,并让页面停留在原位置
需要实现一个类似微信聊天记录的功能,其中碰到一个问题:下拉加载下一页数据时,将请求到的数据放到原数组前面,这时候vue会自动重新渲染页面,页面会回到顶部,这并不是我要的效果。实现思路:1、首先,要实现让页面到某个位置,需要用到scrollTop属性;2、然后就需要计算scrollTop的值为多少,则滑动多少距离;3、计算滑动距离的思路:既然需要停留在当前位置的话,那么正常思考的话就是需要知道加载的这一页数据所占的高度,然后将scrollTop值设置为这个高度即可,但这里有个问题,即便每次加载原创 2021-05-14 15:43:37 · 6973 阅读 · 12 评论