每次点击回到顶部按钮时,页面会闪一下,看着就是顶部,然后才会慢慢往上滑动,怎样解决闪一下的问题?麻烦看下js有问题吗?

Question

var backButton=$('.back_to_top');
$(document).ready(function () {
function backToTop() {
$('html,body').animate({
scrollTop: 0
}, 800);
}
backButton.on('click', backToTop);

    $(window).on('scroll', function () {/*当滚动条的垂直位置大于浏览器所能看到的页面的那部分的高度时，回到顶部按钮就显示 */
        if ($(window).scrollTop() > $(window).height())
            backButton.fadeIn();
        else
            backButton.fadeOut();
    });
    $(window).trigger('scroll');/*触发滚动事件，避免刷新的时候显示回到顶部按钮*/
})

Answer 1

参考GPT和自己的思路：

这个问题很可能不是由JavaScript引起的。页面闪烁通常是由浏览器重新计算并重新绘制页面布局引起的，这可能与CSS布局或页面元素的尺寸和位置有关。

有几种解决办法可以尝试：

1. 隐藏"回到顶部"按钮，直到页面被完全加载，这样就可以防止它在第一次点击时出现闪烁。

2. 调整页面布局，以确保在回到顶部时没有导致页面闪烁的元素。

3. 尝试使用CSS的"backface-visibility: hidden"属性，这个属性可以使页面中某些元素不产生闪烁效果。

总之，最好的解决方案取决于您具体的页面布局和其他细节。如果您无法解决该问题，那么您可以咨询前端开发人员来帮助您解决。