vue 滑动到子组件中页面指定位置
2021-07-11 本文已影响0人
中v中
同一个页面可以直接使用脚本处罚
gotoConcat() {
const x = document.querySelector('#ddd').offsetTop
window.scroll({
top: x - 110,
left: 0,
behavior: 'smooth',
})
},
其他可以直接使用锚点
<li><a href="#contact">
<div id="contact" class="q-ma-md text-h6 text-pink text-center" style="padding-top: 30px;"><strong>联系我们</strong></div>
<Contact />
平滑滚动用以下, 不需要在同一个组件里
<li><a @click="gotoh">
gotoh() {
const x = document.querySelector('#contact').offsetTop
window.scroll({
top: x - 110,
left: 0,
behavior: 'smooth',
})
// document.getElementById('ccc').scrollIntoView();
},