content-visibility隐藏不在视口中的元素
                                                        
                                
                                2104次阅读
                            
                            
                                
                                58人点赞
                            
                            
                            
                                
                                发布时间: 2025-05-23 15:04:53
                            
                        
                        
                            
                                
                                扫码到手机查看
                                
                                    ![]() 
                                
                            
                        
                    content-visibility
隐藏不在视口中的元素,减少不必要的渲染,提高滚动性能。
.lazy-load {
  content-visibility: auto;
}适用场景:
- 长列表渲染(如消息流、新闻)
- 只渲染视口内的元素
 
                     
                     
                     
                     
                     
                     
                     
             
             目录
        目录