2022-08-12 记一次js执行阻塞页面渲染,优化用户使用

场景:页面渲染内容过多,在渲染完成时,执行复杂js使阻塞页面渲染。
问题:页面卡死,用户不能操作。
解决方案:
    在页面卡死的情况下,是元素可以继续滚动,不影响用户浏览。
    将滚动的元素加background-color,值不可为transparent或rgba。(不知原因,但确实能达到效果)
    注:不能通过鼠标滑轮滚动,拖拽和键盘快捷键都不可用。
    

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文主要讲述页面布局样式方面涉及的知识点,更全面的对CSS相应的技术进行归类、整理、说明,没有特别详细的技术要点说...
    Joel_zh阅读 4,605评论 0 1
  • 前端经典面试题: 1、(前端面试题)https://zhuanlan.zhihu.com/p/84212558?f...
    who_are_you_阅读 2,939评论 0 2
  • iframe 框架有那些优缺点? 优点iframe 能够原封不动的把嵌入的网页展现出来。如果有多个网页引用 ifr...
    蛋蛋大少爷阅读 4,082评论 0 1
  • 一,css常见问题: 一、margin问题 上下margin重叠问题,即给相邻的两个div设置margin-bot...
    _往后_阅读 5,531评论 0 2
  • 1.1CSS 基础与选择器初识 | CSS 1. CSS 加载方式有几种? CSS样式加载一共有四种方式: 1、行...
    没糖_cristalle阅读 4,202评论 0 0