vue 监听页面滚动事件实现导航栏固定在顶部

功能展示代码

JY的山头

2787人浏览 · 2020-09-19 17:24:30

JY的山头 · 2020-09-19 17:24:30 发布

功能展示

正常的样子

滚动计算距离后的样子固定在top：0的位置

代码

动态绑定 needFixed，默认为false,
动态绑定 needFixed，默认为false

if做其他对应操作

固定定位样式

Vue

前往低代码交流专区

更多推荐

· vue 表单验证
· echarts堆叠柱状图
· Vue里echarts根据页面大小动态调整/自适应

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^