滚动

例子

/* html (vue) */
...
<p @click="onScrollTo('#JCXX')">基础信息</p>
<div id="JCXX"></div>

/* script */
...
/* 点击p,浏览器将会滚动到div上 */
onScrollTo () {
    document.querySelector(name).scrollIntoView({
        behavior: 'smooth', // 定义动画过渡效果, "auto"或 "smooth" 之一。默认为 "auto"
        block: 'start', // 定义垂直方向的对齐, "start", "center", "end", 或 "nearest"之一。默认为 "start"
        inline: 'nearest', // 定义水平方向的对齐, "start", "center", "end", 或 "nearest"之一。默认为 "nearest"
    });
}

参考链接:MDN-Element.scrollIntoView

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

推荐阅读更多精彩内容