js实现跳转页面指定位置的几种方法

一.scrollBy()实现回到顶部

goTop2(){
         var top = document.body.scrollTop || document.documentElement.scrollTop
         scrollBy(0,-top);
       },

二.scrollTop()方法实现滚动到顶部

goTop3(){
       scrollTo(0,0);
     },

三.window.location.hash

html：
<ul>
 <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
  <li id="firstPlace">这里这里呀呀呀呀呀呀呀</li>
  <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
    <li>mei you ling hun de sha shou</li>
</ul>
 <li id="firstPlace">这里这里呀呀呀呀呀呀呀</li>
<button @click="goForward">跳到前面</button>

  goForward(){
           window.location.hash='#firstPlace'
          },

四.scrollIntoView()

实现方法：第一步在需要展示的模块的最外层的元素上添加一个标记，可以是class 也可以是id。然后通过元失衡的方法可以获取到这个元素，然后调用scrollIntoView()

html:
    <li id="more-text"> viewviewviewviewviewviewviewview</li>
 js:
   document.getElementById("moreMerchant").scrollIntoView()

此外，要保证执行这个方法的时候，浏览器已经渲染完页面。如果有问题，可以尝试加一个setTimeout(()=>{
},0);保证最后执行