美文网首页
vue 滑动到子组件中页面指定位置

vue 滑动到子组件中页面指定位置

作者: 中v中 | 来源:发表于2021-07-11 13:51 被阅读0次

    同一个页面可以直接使用脚本处罚

    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();
        },
    

    相关文章

      网友评论

          本文标题:vue 滑动到子组件中页面指定位置

          本文链接:https://www.haomeiwen.com/subject/ivykpltx.html