如何解决如何在具有不同组件的vue js中实现平滑滚动?
我正在尝试在具有不同组件的vue js中实现平滑滚动。像About.vue是主要组件,而AboutHeader.vue和AboutContent.vue是About.vue中的子组件。
AboutHeader.vue
<template>
<div>
<h1> About Heading</h1>
<a href="#content">content</a>
</div>
</template>
AboutContent.vue
<template>
<div>
<h2> About Content</h2>
</div>
</template>
About.vue文件
<template>
<div>
<AboutHeader/>
<AboutContent id="content"/>
</div>
</template>
点击锚标签的滚动是可行的,但是滚动不流畅, 我尝试使用vue2-smooth-scroll,但无法正常工作。
我已将其放入main.js文件中。
import VueSmoothScroll from 'vue2-smooth-scroll'
Vue.use(VueSmoothScroll)
并在AboutHeader.vue文件中
<a href="#content" v-smooth-scroll></a>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。