「已注销」 2019-12-23 17:50 采纳率: 100%
浏览 520
已采纳

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

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');/*触发滚动事件,避免刷新的时候显示回到顶部按钮*/
})
  • 写回答

1条回答 默认 最新

  • lshen01 2023-03-17 10:04
    关注

    参考GPT和自己的思路:

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

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

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

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

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

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 已采纳回答 6月19日

悬赏问题

  • ¥15 r语言蛋白组学相关问题
  • ¥15 Python时间序列如何拟合疏系数模型
  • ¥15 求学软件的前人们指明方向🥺
  • ¥50 如何增强飞上天的树莓派的热点信号强度,以使得笔记本可以在地面实现远程桌面连接
  • ¥20 双层网络上信息-疾病传播
  • ¥50 paddlepaddle pinn
  • ¥20 idea运行测试代码报错问题
  • ¥15 网络监控:网络故障告警通知
  • ¥15 django项目运行报编码错误
  • ¥15 STM32驱动继电器