一个非常非常非常大的div

9 浏览
0 Comments

一个非常非常非常大的div

为了我的一个项目(见BigPictu.rebigpicture.js GitHub项目),我必须处理一个可能非常非常大的容器。

我知道使用简单的方法存在性能不佳的风险,但我没想到这个问题主要出现在...Chrome上!

如果你测试这个小页面(参见下面的代码),拖动(点击+拖动)会有以下效果:

  • 在Firefox上正常/平滑
  • 即使在Internet Explorer上也正常/平滑
  • 在Chrome上非常缓慢(几乎崩溃)!

当然,我可以在我的项目中添加一些代码,当你放大很多时,具有潜在非常大字体大小的文本将被隐藏。但是,为什么Firefox和Internet Explorer能正确处理,而Chrome不能呢?

在JavaScript、HTML或CSS中有没有一种方法可以告诉浏览器不要尝试渲染整个页面(这里是10000像素宽)的每个操作?(只渲染当前视口!)




    
        
        
    
    
            小文本
            非常大的文本
        
    

0