如何解决使用scrollIntoView()导致页面上移

在项目中，我们如果实现让指定盒子回到document顶部，可以使用scrollIntoView()方法，

 例如document.getElementById('BY').scrollIntoView()可使相应的目标盒子返回其顶部

其优点是：

• 不会改变浏览器URL
• 可以设置缓冲效果
• 可以设置更多自定义效果

目前只对谷歌和火狐浏览器兼容；

该方法虽然好用，但也有相应的弊端；

使用该方法时，会让其最外层的盒子向上偏移；

目前本人在开发过程中就遇到了类似问题；

借鉴了一些大神的做法：

使用position:fixed;相对浏览器定位并且top:0;left:0;

 main {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

该方法解决了父元素位置偏差，直接相对于浏览器进行定位；