vue-seamless-scroll 滚动位置错误问题（纵向滚动）

原创 已于 2023-06-21 10:19:40 修改 · 790 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue 无缝滚动

于 2023-06-21 10:18:56 首次发布
文章指出，错误在于没有直接给vue-seamless-scroll组件指定高度，而是将高度设置在了它的父容器上。解决方案是直接为vue-seamless-scroll组件设置高度属性，以确保其正确滚动功能。

错误的原因： 没有给 vue-seamless-scroll 组件设定高度，而是将高度设定在了其父节点上

解决方法：给 vue-seamless-scroll 组件设置高度

Vue3 使用vue-seamless-scroll 轮播组件报错问题解决
朝花夕拾的博客
07-11 3347
这里写的小写v就会报上面的错误 改成大写就好了。如下错误看引入的组件名称是否写错。SFC(单文件)注册。
vue返回上一页面时记忆回到原先滚动的位置
全易
06-06 8584
因为vue是单页面应用，进入其他页面时会销毁该页面，用keep-alive不让其刷新，具体实现为： 1. 在App.vue中加入： <template> <div id="app"> <!--<router-view/>--> <!--页面返回不刷新--> <keep-alive> &l...
实现文字超出可视区域横向滚动查看---vue-seamless-scroll无缝滚动
qq_39892395的博客
03-28 2829
实现文字超出可视区域横向滚动查看
vue2中使用vue-seamless-scroll时出现数据重复或者样式错乱问题
fruge365的博客
03-19 2077
vue2中使用vue-seamless-scroll时出现数据重复或者样式错乱问题，前端使用vue-seamless-scroll出现数据重复或者样式错乱问题，部分没样式，上下样式不一样
vue项目中使用vue-seamless-scroll遇到的坑
qq_36877078的博客
12-27 3247
参考版本号。
vue滚动插件：vue-seamless-scroll
A_Common_Man的博客
11-06 3249
vue的滚动插件，支持鼠标交互事件，可同时自动滚和手动滚
vue-seamless-scroll实现列表无缝滚动
qq_34448522的博客
02-19 4108
一个简单的无缝滚动，最近折磨了我好久，记录一下。 先上一下最终实现效果： 最开始html标签用的table、thead、tbody然后结合animate和settimeout实现的，但是实现之后每次滚动都抖一下，也找不到原因；后来寻思是不是table的原因，于是换成div试了一下，原来的问题解决了但是出现了新问题：滚动不流畅，就像网速不好似的。。。于是，我又换成了现在的vue-seamless-...
vue实现无缝滚动 vue-seamless-scroll插件
Lucky_girl_wan的博客
06-11 905
拷贝列表次数，默认拷贝一次，当父级高度大于列表渲染高度的两倍时可以通过该参数控制拷贝列表次数达到无缝滚动效果。singleHeight and singleWidth 是否开启 rem 度量。控制滚动方向，可选值up，down，left，right。通过v-model控制动画滚动与停止，默认开始滚动。开启滚动的数据量，只有列表长度大于等于该值才会滚动。在开启鼠标悬停的情况下是否开启滚轮滚动，默认不开启。无缝滚动列表数据，组件内部使用列表长度。动画循环次数，默认无限循环。第二步：引用组件全局引用。
用于实现无缝滚动效果的vue-seamless-scroll插件
huihui_999的博客
12-30 1421
它通常用于在网页或应用中实现内容的自动滚动效果，如新闻公告、图片轮播等，支持横向和纵向滚动，并且可以自定义滚动速度、方向等参数，适合展示一些需要持续循环展示的信息。
vue-seamless-scroll纵向无线滚动
最新发布
09-06
我们正在讨论的是vue-seamless-scroll插件实现纵向无限滚动的方法。根据引用内容，我们可以知道： 1. 该插件支持无缝上下滚动（纵向滚动）和左右滚动（横向滚动）[^1] 2. 需要在项目中安装并引入该插件，可以通过...
vue3.0使用vue-seamless-scroll报错问题
ZFL_123456的博客
05-18 3763
因公司业务需求，需要一个列表滚动功能 根据网上资料的步骤来做，出现了如下报错： 不管是在main.js中引用还是在组件中直接引用都会出现这个问题。 解决方法如下： 路径加上src后能正常显示列表并滚动。 ...
使用vue-seamless-scroll无法滚动问题
HHHHH2187的博客
10-23 2706
【代码】使用vue-seamless-scroll无法滚动问题。
vue-seamless-scroll插件无法滚动
weixin_45738653的博客
07-01 5625
近日，业务需要实现公告消息一直无缝滚动，我借助了vue-seamless-scroll插件，效果还不错，今天复盘一下。 一、安装 npminstallvue-seamless-scroll--save 二、vue页面引用 import vueSeamlessScroll from 'vue-seamless-scroll' 三、注册组件 components vueSeamlessScroll } 基本引入都完成，然后，开始我们的结构（HTML）： data 为绑定的数...
使用vue3-scroll-seamless滚动组件调用内部reset方法更新数据时报错
LinBossv587的博客
04-01 685
于是看源码，打开node_modules/vue3-scroll-seamless/dist/vue3-scroll-seamless.mjs。源码这里监听了dataList的变化，并自行调用reset方法，但是查看arrayEqual方法只对比了长度，这里自行改造一下该方法即可。最后修改了vite.config.js文件（没改东西，随便注释再还原，主要是触发一下重新编译），就有效果了。自行改造，发现并没有效果（加了console，发现并没有生效，考虑重启和清除缓存发现都没有效果）
vue-seamless-scroll 不自动滚动解决方法
qq_37025418的博客
08-31 9205
项目场景： 在子页面使用vue-seamless-scroll 问题描述： 没有自动滚动，鼠标移上去，才触发自动滚动 原因分析： 数据需要在页面挂载好就赋值，否则页面在加载完成后，数据呜发自动滚动 解决方案： 在mounted或data种给list赋值，下面介绍一下vue-seamless-scroll 的使用方法 1.安装vue-seamless-scroll npm install vue-seamless-scroll --save　 2.引入主键 import vueSea
vue-seamless-scroll无法滚动
EIERICA的博客
11-07 1475
比如使用v-if、v-show进行判断的，在页面加载后没有显示。删掉后可能就会正确进行滚动，可以使用visible:hidden代替。首先，先检查样式，再检查配置，如果都没问题的话，看看在页面加载完成后，滚动区域是否显示在页面上。
vue滚动条固定到底部，总是差一点距离
weixin_43838996的博客
05-03 536
把设置scrollTop放在nextTick中，成功解决。vue滚动条固定到底部，总是差一点距离@
vueSeamlessScroll 报错 Cannot read properties of undefined (reading ‘_c‘) 解决办法
sinat_40418811的博客
07-25 744
vueSeamlessScroll 版本号 "vue-seamless-scroll": "^1.1.23", 报错 Cannot read properties of undefined (reading '_c') 解决办法：
使用vue-seamless-scroll实现滚动，出现空白间隔的问题
weixin_38345306的博客
08-26 5258
当滚动第二轮时，在第一轮和第二轮的衔接处出现了空白，稍后第二轮从空白处跳出显示。而不是从底部出来 解决办法： 方法一：检查一下css样式，可能是布局出了问题， 我的是因为在子div中加了display:flex 方法二：清空下浏览器缓存试试 ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值