解决在选项卡中，只有默认选项里的vue-seamless-scroll可以滚动的问题

已于 2022-08-30 16:06:25 修改
阅读量490 收藏
点赞数
分类专栏： Web前端 文章标签： vue.js 前端 javascript
于 2022-08-30 16:02:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cherry_vicent/article/details/126605953
版权

参考的文章作者说她的vue-seamless-scroll无缝滚动不滚动是因为她的页面有切换按钮，原来用v-show的时候只有默认页面的可以滚动，改为v-if就可以了。

我的页面也是因为切换按钮的原因引起的不滚动，但是我的页面目前只能使用js，没法用v-show和v-if。所以最后我的解决办法是，将原来用js设置的display:block和none，改成设置高度height:100%和0，总算解决了。

参考原文：https://www.jianshu.com/p/091dd0e00a1f

cherry_vincent
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue实现渲染数据后控制滚动条位置(推荐)
10-15
主要介绍了Vue实现渲染数据后控制滚动条位置，本文通过图文并茂的形式给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
vue实现循环滚动列表
yun的博客
09-04 3375
1、安装 npm install vue-seamless-scroll --save 2、引入组件 <script> import vueSeamlessScroll from "vue-seamless-scroll"; export default { components: { vueSeamlessScroll } } </script> 3、使用 html <div class="list"> <vueSeamlessScroll :data="
Vue无限滚动(vue-seamless-scroll)
qq_35856778的博客
09-06 1527
【代码】Vue无限滚动(vue-seamless-scroll)
Vue中滚动插件vue-seamless-scroll的安装与使用
qq_44659327的博客
09-02 2113
npm安装： npm install vue-seamless-scroll --save 页面中引入组件： import vueSeamlessScroll from 'vue-seamless-scroll' 页面中调用组件： components: { vueSeamlessScroll }, 在页面的computed中定义变量 computed: { classOption () { return { step: 0.4, // 数
关于 vue-seamless-scroll 的问题采坑
李水灵的博客
04-22 3838
标题# 项目场景： 本文描述了在引用 vue-seamless-scroll 的过程中遇到的一些常见问题 问题描述 此插件在使用的过程中如果条数过少，要阻止循环滚动，不能够持续复制滚动 原因分析 此问题主要是因为插件自动复制了我们的一个列表，两个列表持续滚动，如下图所示 解决方案 给 class-option 的属性增加 limitMoveNum 设置成动态的，且根据何时显示何时初始化，因为我的页面里是个弹框，刚开始就初始化数据的话，滚动循环会不规律 动态设置 limitMoveNum limitMov
vue-seamless-scroll的使用以及实例
freeherotoday的博客
10-22 2万+
vue-seamless-scroll介绍 vue-seamless-scroll是一个基于Vue.js的简单无缝滚动组件, 基于requestAnimationFrame实现,配置多满足多样需求。目前支持上下左右无缝滚动，单步滚动，以及支持水平方向的手动切换功能 安装 ***Npm *** npm install vue-seamless-scroll --save 引入组件 import vueSeamlessScroll from 'vue-seamless-scroll' components:
vue插件 vue-seamless-scroll 无缝滚动
hins
10-08 3486
vue插件 vue-seamless-scroll 实现无缝滚动 &lt;!DOCTYPE html&gt; &lt;html lang="zh-cn"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=
vue-seamless-scroll公告组件的使用
m0_51499501的博客
07-18 576
插件使用
vue大屏开发系列—列表无缝滚动之vue-seamless-scroll
热门推荐
鲸鱼姐的专栏
11-01 4万+
vue大屏—列表无缝滚动之vue-seamless-scroll
vue的无缝滚动组件vue-seamless-scroll实例
08-28
本篇文章主要给大家讲解了vue的无缝滚动组件vue-seamless-scroll的用法，需要的朋友参考学习下吧。
vue vue-seamless-scroll 数据滚动
03-28
vue vue-seamless-scroll 数据滚动 list 数据量少 时，不运行滚动
vue-seamless-scroll:A simple, seamless scrolling for Vue.js vue无缝滚动component
05-10
vue-seamless-scroll Vue.js的简单无缝​​滚动 特征 初始配置支持 兼容多种平台 多技术堆栈版本支持 文献资料 要查看和文档，请访问 。 关怀 如果您希望js无缝滚动（无依赖关系），则可以切换到此处。 。 贡献 欢迎...
vue-scroll-sync-同步容器滚动位置的组件-Vue.js开发
05-27
vue-scroll-sync一个同步容器滚动位置的Vue组件安装npm i-保存vue-scroll-sync浏览器包括脚本文件vue-scroll-sync一个同步容器滚动位置的Vue组件安装npm i-保存vue -scroll-sync浏览器包括脚本文件，然后使用Vue.use...
解决vue-router 二级导航默认选中某一选项的问题
12-13
如果你点击某一个选项把这个index传过去，activeName等于那一个传过来的index(index是遍历出来的数据如:1,2,3,4,5),就显示该个active或者index==pid，pid默认为0，所以index==0,就是默认第一个选项被选中。...
HTML网页制作：制作锚点链接
cherry_vicent的专栏
01-24 2万+
1、锚点链接定义： 指我点击页面中的某一个链接(锚点链接)，就会跳到这个页面的指定位置(锚点)。 2、锚点链接的步骤： (1)、设置锚点：<a name="锚点的名字"></a> 意思是在网页中的某一个位置，插入一个锚点。 (2)、设置锚点链接：<a href="#锚点的名字">点我就会跳到锚点处</a> 意思是在网页中的某一个位置链接之前设定的锚点，只要点击该链接，就会自动跳转到锚点处。 (3)、此时，点击锚点链接就会跳到锚点的位置。 3、举
安装指定版本的nodejs
cherry_vicent的专栏
04-13 1万+
node有一个模块n，是专门用来管理node.js的版本的。 1、安装n模块： npminstall-g n 报错则改用另一条命令：npm install -g n --force 2、升级node.js到最新稳定版 　　n stable 3、安装指定版本： n v6.11.5 但是，n模块是不支持window系统，window系统升级node就只有到node官网下载window安装包来覆盖之前的node。 node.js以往的版本 下载地址：https://node...
使用vscode创建git新分支
cherry_vicent的专栏
09-26 7149
使用vscode创建git新分支
阿里图标库iconfont下载和在旧有的iconfont中添加新的图标
cherry_vicent的专栏
03-05 4127
一、阿里图标下载 1、访问阿里图标库官网：www.iconfont.cn，将喜欢的图标加入购物车 2、把需要的图标都加入到购物车后，点击右上角“购物车”，查看选好的图标 3、点击“下载代码”，将图标代码下载到本地 4、解压，然后把整个文件夹拷贝到需要用到的项目中 其中iconfont.css就是需要的图标样式。demo_index.html就是图标使用实例。 5、图标的使用方法 二、在原来的iconfont图标中添加新的图标 将新的iconfont.css中的除.ic
原生js的e.target.closest()方法
cherry_vicent的专栏
12-05 3393
原生js的e.target.closest()方法，一个查找自身或者指定祖先元素的方法。
h5页面 引入 vue 和 vue-seamless-scroll vue-seamless-scroll如何使用？
最新发布
02-29
2. 在Vue组件中引入vue-seamless-scroll： ```javascript import Vue from 'vue'; import VueSeamlessScroll from 'vue-seamless-scroll'; Vue.use(VueSeamlessScroll); ``` 3. 在Vue模板中使用vue-seamless-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值