当前位置: 首页 > 知识库问答 >
问题:

vue.js - `transform:translateX(-1px)`写的无缝滚动,感觉有点卡有什么好方法吗?

宰父智敏
2023-08-09

QQ录屏20230809183825 -original-original.gif

transform:translateX(-1px)写的无缝滚动,加上transition感觉还是有点卡,有什么好的建议吗?

ele0.value.style = `transform:translateX(-${1}px);transition: transform 0.016s ease-in-out;`;window.requestAnimationFrame(() => {    //重复调用});

共有1个答案

薛保臣
2023-08-09

用 translate3d 替换 translateX ,用 GPU 加速

ele0.value.style = `transform: translate3d(-${1}px, 0, 0); transition: transform 0.1s ease-in-out;`;

还有就是设置成0.1秒

 类似资料:
  • 本文向大家介绍你觉得vuex有什么缺点?相关面试题,主要包含被问及你觉得vuex有什么缺点?时的应答技巧和注意事项,需要的朋友参考一下 工具都是用来提高工作效率的,如果不能,那就说明工具用的不对。如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。比如就几个状态的话 不用比较好

  • 项目用的vue2,需要做一个走马灯,但是不是那种一会儿自动滚动一下的效果。 需要自动不停的平滑滚动的那种。 使用动画自己实现了,但是到末尾的时候会闪一下,目前项目中使用的 swiper的vue版本,由于版本比较老,一下一下显示的这种方式,到末尾会有滚动到开头的动效,让能能看出来它切换回到头,而不是无缝无限循环的感觉。 由于开发时间有限,不能只靠手写实现,大家用过什么好用的,麻烦推荐一下。

  • 问题内容: 我在android开发中是菜鸟,我在密码学入门课程中,所以我决定将两者结合起来并制作此应用。我使用TabLayout为每种密码方法(RSA和XOR)制作一个标签,并为指令和帮助制作一个标签。一切工作正常,直到我按照说明在“帮助”选项卡中添加了scrollView。scrollView不会滚动,我也不知道为什么,我一直在网上搜索以寻求帮助,并尽一切可能的解决方案,例如更改ScrollVi

  • 1.自我介绍 2.本科学过什么课程 3.信号与系统主要讲的是什么 4.研究生学过什么课? 5.图像处理的算法有哪些? 6.怎么分层(因为我说了分层处理) 7.介绍项目 8.项目中的难点 9.测试方法 10.v模型和w模型 11.mysql的升序和降序(面试官讲正序和倒序……我没听懂还好想起来了) 12.用java做过什么项目 13.ARP协议在哪一层 14.传输层是干嘛的 15.ARP协议什么作用

  • 八股部分: JVM内存模型; 垃圾回收的机制; 进入老年代的阈值; JVM的可调整的参数; server参数; 垃圾收集器有哪些,以及gc方式; gc调优的工具 JUC中的类有哪些 ReentryLock优于sychronized的地方 场景题目如何实现,用什么类;场景:五个人并发买票,结束后通知。(考了信号量机制,但是不知道用啥类,对AQS不是很熟) Linux用什么杀死进程 Kill命令的参数

  • 本文向大家介绍js实现无缝滚动图,包括了js实现无缝滚动图的使用技巧和注意事项,需要的朋友参考一下 效果如下: 代码如下: 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!