resize-scroll:调整元素大小+滚动并影响CLS

  • J9_539319
    了解作者
  • 6.2KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-21 07:03
    上传日期
调整元素的大小+滚动以及对布局稳定性的影响 该存储库尝试演示在同一微任务中调整元素大小并恢复滚动位置是否安全,并保持布局稳定性。 怎么跑 NPM安装, npm i 运行本地服务器, npm run start 在能够捕获布局稳定性的基于Chromium的浏览器中访问http://localhost:5000/ 。 尝试对一个可调整大小区域的间隔启用和禁用调整大小,并在文档中滚动。 监视布局稳定性。 反馈? 在这里提出问题!
resize-scroll-main.zip
  • resize-scroll-main
  • index.html
    6.5KB
  • LICENSE
    1KB
  • README.md
    595B
  • .gitignore
    39B
  • package-lock.json
    3.6KB
  • package.json
    347B
内容介绍
# Resizing Elements + Scroll and Impact on Layout Stability This repository attempts to demonstrate if it is safe to resize an element and restore scroll position in the same microtask and maintain layout stability. ## How to run 1. NPM Install, `npm i` 2. Run local server, `npm run start` 3. Visit `http://localhost:5000/` in a Chromium based browser capable of capturing layout stability. 4. Experiment with enabling and disabling resizing on an interval for the one resizeable area, and scrolling around the document. Monitor Layout Stability as you do. ## Feedback? File an issue here!
评论
    相关推荐