document.write("");

vue 根据div id 滚动到指定view到可视视图中

?
1
<div id="name" @click="scrollToViewById('name')"> ...... </div>

　　

?
1
2
3
4
5
6
7
8
9
10
11
scrollToViewById(id) {
    if (id == '') {
        return
    }
    this.$nextTick(() => {
        document.getElementById(id).scrollIntoView({
            behavior: "smooth",  // 平滑过渡<br>
            block: 'start' // start 上边框  center 中间  end 底部边框 与视窗顶部平齐<br>
        });
    })
},

　　

 // 平滑过渡
posted @   人间春风意  阅读(196)  评论(0)  编辑  收藏  举报
相关博文：
· Android RecyclerView 获取当前滚动到的Item项
· 页面多次跳转加载时，window.onscroll方法失效问题解决
· scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。
· Vue项目中实现描点跳转scrollIntoView-案例
· scrollIntoView()方法，将元素显示在可视区
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示
AI IDE Trae

距今时间：
1025天8.00 小时 52.73 分钟

当前新增阅读数：140327