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

一.scrollBy()实现回到顶部

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

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

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

三.window.location.hash

html：

 
mei you ling hun de sha shou
    
mei you ling hun de sha shou
    
mei you ling hun de sha shou
    
mei you ling hun de sha shou
    
mei you ling hun de sha shou
    
mei you ling hun de sha shou
    
mei you ling hun de sha shou
    
mei you ling hun de sha shou
    
mei you ling hun de sha shou
    
mei you ling hun de sha shou
  
这里这里呀呀呀呀呀呀呀
  
mei you ling hun de sha shou
    
mei you ling hun de sha shou
    
mei you ling hun de sha shou
    
mei you ling hun de sha shou
    
mei you ling hun de sha shou
    
mei you ling hun de sha shou
    
mei you ling hun de sha shou
    
mei you ling hun de sha shou
    
mei you ling hun de sha shou
    
mei you ling hun de sha shou

 
这里这里呀呀呀呀呀呀呀
跳到前面

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

四.scrollIntoView()

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

html:
    
 viewviewviewviewviewviewviewview
 js:
   document.getElementById("moreMerchant").scrollIntoView()

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