页面置顶后显示异常

Question

1.页面置顶后会显示异常
2.代码:
document.getElementsByClassName('mx-layout-body')[0].scrollTop = document.documentElement.scrollTop = 0;
3.
点击下面这个图片回到顶部

异常情况:

正常应该如下:

但是如果再点一次的话，又会显示正常了

Answer 1

贴代码 是不是height 是100%？ 自适应高度 会有这个情况
或者高度是视口高度 也会这样

Answer 2

页面置顶的话不用那么复杂，直接在图片或者按钮上嵌套a标签

<a href="#"></a>

比如你是想点击某一图片让页面置顶，那么在图片外层包裹a标签就可以了

<a href="#">
    <img src="***图片地址" alt="">
</a>

Answer 3

最后问了同事解决了，目前感觉是uc浏览器在我页面回到顶部的时候reflow有问题，然后我在点击图片的时候加了段代码，设置body的tranfrom translateZ（0），这样目前正常了，具体原因还是要早深入探究下