利用better-Scroll插件来实现移动端滚动效果记得先安装再引入

<div class="core-container" ><div class="wrapper" style="height:500px;overflow:hidden"><div class="scroll-content"><div class="scroll-item" v-for="(item, index) in listsd" :key="index" @click="clickHandler(index)" style="fontSize:80px":style="{color:index === currentIndex ? 'red':''}">{{item}}</div></div></div></div><div class="core-container"><div class="scroll-wrapper" ref="scroll" style="height:600px;overflow:hidden"><div class="scroll-content" ref="list"><div class="scroll-item" v-for="(item, index) in emojis" :key="index">{{item}}</div></div></div></div>

import BScroll from 'better-scroll'
data(){return{listsd:['1','2','3','4','5'],scrollY:0,tops: [],emojis: ['												


											

vue中实现美团双级联动菜单相关推荐
	

    
								
  1. phpcms v9中模板标签和联动菜单的使用方法详解
		
    2019独角兽企业重金招聘Python工程师标准>>> pc:content action="position" posid="9" orde ...
    
		
    2. 
						
  2. vue中使用better-scroll实现左右菜单联动效果
		
    效果图     左图是完全图,右图制作时颜色没弄上(制作软件的问题) 下载 better-scroll npm install better-scroll --save 注意: 必须包含两个大的div ...
    
		
    3. 
						
  3. vue中实现省市区三级联动(V-Distpicker插件)
		
    本次项目中使用了V-Distpicker 插件实现了省市区三级联动 V-Distpicker 项目文档地址 V-Distpicker git地址 使用方法 npm install v-distpick ...
    
		
    4. 
						
  4. 回发或回调参数无效。下拉菜单中使用ajax，联动菜单引起的问题解决方案
		
    把DropDownList改成select 用Request.From来取值 赋值用value 如: <select runat="server" id="ddlC ...
    
		
    5. 
						
  5. 前端  vue中使用 省市区三级联动
		
    https://blog.csdn.net/qq_33769914/article/details/82878693
    
		
    6. 
						
  6. AngularJS中实现无限级联动菜单（使用demo）
		
    原文地址:http://www.cnblogs.com/front-end-ralph/p/5133122.html 昨天没来得及贴几个使用demo,今天补上,供有兴趣的同学参考 :) 1. 同步加载 ...
    
		
    7. 
						
  7. vue 递归创建菜单_如何在Vue中创建类似中等的突出显示菜单
		
    vue 递归创建菜单 by Taha Shashtari 由Taha Shashtari 如何在Vue中创建类似中等的突出显示菜单 (How to Create a Medium-Like Highl ...
    
		
    8. 
						
  8. 实例-Vue中使用右键菜单之@xunleivue-context-menu组件的使用
		
    实例-Vue中使用右键菜单之@xunlei/vue-context-menu组件的使用 npm地址--https://www.npmjs.com/package/@xunlei/vue-context ...
    
		
    9. 
						
  9. 在vue中使用高德地图的下属省市区查询，实现省市区的联动以及规划范围
		
    在vue中使用高德地图的下属省市区查询,实现省市区的联动以及规划范围 一.先上效果图 二.高德地图Vue引用 一.先上效果图 二.高德地图Vue引用 1. webpack引入高德 在webpack.b ...
    
		
    10. 
		


					

最新文章
	

    
						
  1. 新建异常并处理java_java  – 动态创建异常的工厂模式
		
    2. 
						
  2. 顶象iOS安全编译器（iOS安全加固神器）      ——内测活动开始啦！
		
    3. 
						
  3. linux停止nodejs,node.js – 在linux重启后,nodejs消失了
		
    4. 
						
  4. TikTok信息流广告怎么做才有效果？我从100个营销短视频中总结了这些方法
		
    5. 
						
  5. 金士顿sd卡恢复软件_手机上使用SD内存卡会让手机性能变差？
		
    6. 
						
  6. numpy找到矩阵中不同元素的种类_基于NumPy和图像分类的人工神经网络构建
		
    7. 
						
  7. android注册的模板下载地址,Android --LoginActivity模板登录
		
    8. 
						
  8. kafka通过脚本一次启动集群
		
    9. 
						
  9. 软件的可扩展性与框架的可交互性
		
    10. 
						
  10. ubuntu设置python3.7为默认(python版本切换)
		
    11. 
						
  11. SpringCloud微服务(01)：Eureka组件，管理服务注册与发现
		
    12. 
						
  12. 网游中的网络编程3:在UDP上建立虚拟连接
		
    13. 
						
  13. react 网页截图
		
    14. 
						
  14. LINUX摄像头驱动分析
		
    15. 
						
  15. XML解析—开源XOM类库
		
    16. 
						
  16. 理工科科研结果展示怎样让PPT高大上？
		
    17. 
						
  17. 荣耀magic5pro参数配置
		
    18. 
						
  18. VS2012安装DirectX SDK（DXSDK_Feb10）
		
    19. 
						
  19. HEVC解码器HM源码阅读（三）读取一个NALU
		
    20. 
						
  20. vuecli 实现导航切换
		
    21. 
		

	


热门文章
	

    
									
  1. win32 c++源码大全_网站源码，服务器，域名三者是什么关系？
			
    2. 
						
  2. 华为 云 虚拟服务器,华为虚拟服务器设置
			
    3. 
						
  3. 为什么LED灯会越用越暗？
			
    4. 
						
  4. 来，看看你的单片机程序有多大！
			
    5. 
						
  5. linux ftp 553,修复使用vsftp出错553 Could not create file的有效方法
			
    6. 
						
  6. 科学家利用计算机模型,科学家尝试利用计算机模拟整个宇宙的演化
			
    7. 
						
  7. 逆置单链表c语言程序,(数据结构C语言版)顺序表和单链表的逆置
			
    8. 
						
  8. c语言分组求和函数,R语言 实现data.frame 分组计数、求和等
			
    9. 
						
  9. 远程连接spark_spark内部原理篇之计算引擎和调度管理
			
    10. 
						
  10. websocket实现多屏互动_纸笔互动课堂应用场景到底有些什么呢？
			
    11.