iview 锚点爬坑 && vue 锚点

在vue中实现锚点定位效果

  • iview的锚点
  • 原生锚点实现
image.png

iview爬坑点 且需要把滚动容器的id或者class穿给锚点组件


image.png

利用iview 锚点组件 原先绑定id写在蓝框区域 导致锚点位置不对

法一的好处就是刷新页面仍能保持当前位置,因为id直接写进路由的

法二刷新返回顶处


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 3,278评论 1 22
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,175评论 0 1
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    王喂马_阅读 6,484评论 1 77
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    你猜_3214阅读 11,162评论 0 118
  • 印象中看过还算多关于朋友渐行渐远的文章!虽然依旧认为自己是少女,可是毕竟心态不再那么傻白甜了,哈哈哈,这样夸自己...
    MandyDML阅读 392评论 0 0