vue pc端怎么实现这种效果，点击按钮实现横向滚动，控制按钮是否可点击，控制滚动距离
2条回答 默认 最新
崽崽的谷雨 2023-04-26 09:51关注这个 可以 用 swiper 实现 。自己封装也行。
https://www.swiper.com.cn/demo/index.html本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用举报 编辑记录
分享
- 2022-10-17 00:52泥鸽鸽的博客 vue实现pc端横向无滚动条滚动效果
- 2024-07-27 01:04bro...的博客 类似uniaapp中的scroll-view组件，可横向可竖向，样式需要自己跳整一下。横向：（鼠标按下滑动里面的元素，可滑动，滚动条和左右都可以调整）ScrollIndex.vue文件。代码实现：主页面引入组件。
- 2025-09-02 15:31曹某在搬砖的博客 本文实现了一个PC端触摸屏滑动滚动的全局解决方案，通过监听touch和mouse事件实现流畅的滚动效果。主要功能包括：1) 检测可滚动容器；2) 处理单指触摸滑动；3) 支持水平和垂直方向滚动；4) 防止文本选择干扰；5) ...
- 2022-12-13 14:33oneyJiang的博客 js实现横向拖动滑动
- 2023-05-30 11:26唯心所现，唯识所变的博客 手动写个横向滚动列表吧
- 2024-07-09 11:43二狗子的翠花的博客 vue项目中，可能遇到横向滚动，但是不想显示滚动条，此时想通过拖拽和鼠标滚轮事件进行滚动。
- 2020-12-23 01:41cocoaitea的博客 使用better-scroll实现滚动效果，参照大佬的文章，将better-scroll封装成组件可供多次调用。封装sli中比需抖接朋功要朋插der组件如何封装sli中比需抖接朋功要朋插der组件参考文档中解释的非常详细，但有一些细节可以...
- 2023-08-06 14:00Java毕设王的博客 通过本文，你已经了解了如何使用Vue和JavaScript在Web端实现鼠标横向滑动和触控板滑动效果。在实际项目中，你可以根据需求定制滑动速度和样式，以及添加更多交互效果。希望本文对你在Web端滑动效果的实现有所帮助。...
- 2022-07-20 13:29超人不会飞2021的博客 以下代码项目中直接使用即可，此种方法是通过鼠标拖拽进行滚动，滑动滚轮无效果。当然快捷键，shift+鼠标滚轮可以控制横向滚动，对用户来说体验不友好。
- 2024-08-22 15:31Du__Du__的博客 ok，接下来进行函数拼接，首先是组件加载时判断按钮是否展示，其次像滚动区域挂载上滚动事件。left: -600, // 每次点击滚动的距离。left: 600, // 每次点击滚动的距离。2： 控制按钮的显示/隐藏/禁用。
- 没有解决我的问题, 去提问
问题事件
系统已结题
5月4日
已采纳回答
4月26日-
创建了问题
4月26日