如何解决vue-smooth-scroll重定向vuejs链接
我将此包用于我的网站,并使用 vuejs 构建。
在导航栏上,我有“关于”,可以在我的主页“ /”上的div“ #about”上重定向我。
<a href="#boxes-area" v-smooth-scroll="{ duration: 1000,offset: -50,updateHistory: false }" class="nav-link">Services</a>
但是,我有一个nanother不同的页面,“联系”,并且如果我在此页面上,链接“ href =“#boxes-area”不起作用,那是正常的。 但是,如果我改变了这一点:
<a href="#boxes-area" v-smooth-scroll="{ duration: 1000,updateHistory: false }" class="nav-link">Services</a>
到
<a href="/#boxes-area" class="nav-link">Services</a>
重定向有效,但没有“平滑效果”。
如果我这样做
<a href="/#boxes-area" v-smooth-scroll="{ duration: 1000,updateHistory: false }" class="nav-link">Services</a>
什么都不做,没有重定向,也没有效果。
我使用这个插件,他们不谈论这个: https://github.com/ocordeiro/vue-smooth-scroll
我也尝试过使用路由器链接,但也无法正常工作,同样的问题。
<li class="nav-item"><router-link to="/#boxes-area" v-smooth-scroll="{ duration: 1000,updateHistory: false }" class="nav-link">Services</router-link></li>
有人可以帮助我吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。