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();
    },
上一篇下一篇

猜你喜欢

热点阅读