iframe双滚动条

如果您想在 iframe 中显示双滚动条，则需要在 iframe 的样式中设置 overflow 属性。例如：

<iframe style="overflow:scroll;">
这将在 iframe 中显示垂直和水平滚动条。
如果您仅想显示垂直滚动条，请使用以下代码：
<iframe style="overflow-y:scroll;">
如果您仅想显示水平滚动条，请使用以下代码：
<iframe style="overflow-x:scroll;">


    
     
      
       
        
         
         
          
           
            
             
              
               
               
               
               
                
                
                 跨域iframe如何解决双滚动条问题-实时监听iframe高度
                
               
              
              
               
                
                 
                  
                   子页面内使用MutationObserver来监听页面内容的变化，并在变化时通过postMessage将页面加载完成后的高度发送给父页面。父页面在组件挂载时监听message事件。
                  
                 
                
                
               
               
                
                 
                  
                   
                    
                   
                  
                 
                
                
                 6月前
                
                
                 
                 
                  104
                 
                
                
                 
                 
                 
                
                
                
               
              
             
            
            
           
           
           
          
          
           
            
             
              
               
               
               
               
                
                
                 在div中iframe出现滚动条问题
                
               
              
              
               
                
                 
                  
                   父元素.parent设定了高度，设置iframe height：100%,通过浏览器观察发现，外层div与iframe高度相同，为什么出现滚动条，发现没有padding/margin的影响 简单来说，
                  
                 
                
                
               
               
                
                 
                  
                   
                    
                   
                  
                 
                
                
                 2年前
                
                
                 
                 
                  1.4k
                 
                
                
                 
                 
                 
                
                
                
               
              
             
            
            
           
           
           
          
          
           
            
             
              
               
               
               
               
                
                
                 一个封装iframe的vue插件，可修改样式，隐藏滚动条
                
               
              
              
               
                
                 
                  
                   最近有空，就抽空把以前做过的公司业务组件慢慢抽离出来做成插件，也算是对近年来的技术方面做一个总结吧。 今天要写的是一个用vue-jsx封装的iframe插件，可修改iframe中的样式，隐藏滚动条，默认设置保证页面安全等功能。不想看想直接使用的话请前往项目处pikaz-ifra…
                  
                 
                
                
               
               
                
                 
                  
                   
                    
                    pikaz
                   
                  
                 
                
                
                 3年前
                
                
                 
                 
                  7.5k
                 
                
                
                 
                 
                 




    

                
                
                
               
              
             
            
            
           
           
           
          
          
           
            
             
              
               
               
               
               
                
                
                 在父 html 中 获取 iframe 滚动条高度
                
               
              
              
               
                
                 
                  
                   每个 iframe 有自己独立维护全局的 window 对象，相当于 父级里面 还包含了 一个 单独的 DOCTYPE html 文件；在父级获取子集的 body 或 documentElement
                  
                 
                
                
               
               
                
                 
                  
                   
                    
                    Lyann
                   
                  
                 
                
                
                 1年前
                
                
                 
                 
                  281
                 
                
                
                 
                 
                 
                
                
                
               
              
             
            
            
           
           
           
          
          
           
            
             
              
               
               
               
               
                
                
                 自定义滚动条样式
                
               
              
              
               
                
                 
                  
                   注：Webkit浏览器包括谷歌，Safari，以及最新的Opera等浏览器。但遗憾的是，对于火狐浏览器，css滚动条属性基本没有做什么改进。
                  
                 
                
                
               
               
                
                 
                  
                   
                    
                    程平在掘金
                   
                  
                 
                
                
                 4年前
                
                
                 
                 
                  1.2k
                 
                
                
                 
                 
                 
                
                
                
               
              
             
            
            
           
           
           
          
          
           
            
             
              
               
               
               
               
                
                
                 el-main双滚动条问题
                
               
              
              
               
                
                 
                  
                   使用element-ui布局时el-main内容过大而且有el-footer时会出现双滚动条问题 将el-main高度设置为0即可解决，滚动条会控制el-main而且不会破坏布局 .el-main{
                  
                 
                
                
               
               
                
                 
                  
                   
                    
                    lucky10
                   
                  
                 
                
                
                 1年前
                
                
                 
                 
                  153
                 
                
                
                 
                 
                 




    

                
                
                
               
              
             
            
            
           
           
           
          
          
           
            
             
              
               
               
               
               
                
                
                 为iframe正名，你可能并不需要微前端
                
               
              
              
               
                
                 
                  
                   任何新技术、新产品都是有一定适用场景的，它可能在当下很流行，但它不一定在任何时候都是最优解。在被微前端坑了几次之后，回过头发现，iframe真香！
                  
                 
                
                
               
               
                
                 
                  
                   
                    
                    阿里巴巴终端技术
                   
                  
                 
                
                
                 1年前
                
                
                 
                 
                  63k
                 
                
                
                 
                 
                 
                
                
                
               
              
             
            
            
           
           
           
          
          
           
            
             
              
               
               
               
               
                
                
                 自定义滚动条的实现思路与关键算法
                
               
              
              
               
                
                 
                  
                   在web开发中，自定义滚动条是个常见的需求，虽然浏览器原生的滚动条很强大并且在大多数场景下表现的很好，但某些时候我们仍然希望修改他的样式，比如变细一点，或者去掉圆角和轨道，又或者隐藏他们。这些都属于自定义行为，本篇文章将介绍自定义滚动条的几种实现思路，并着重讲解最流行的js方案…
                  
                 
                
                
               
               
                
                 
                  
                   
                    
                    海鲜菠萝炒饭
                   
                  
                 
                
                
                 4年前
                
                
                 
                 
                  9.5k
                 
                
                
                 
                 
                 
                
                
                
               
              
             
            
            
           
           
           
          
          
           
            
             
              
               
               
               
               
                
                
                 浏览器滚动条样式修改
                
               
              
              
               
                
                 
                 
                 
                  
                  
                 
                 
                
                
                 
                  
                   
                    
                     
                     汤圆爱吃小鱼干
                    
                   
                  
                 
                 
                  5年前
                 
                 
                  
                  
                   207
                  
                 
                 
                  
                  
                  
                 
                 
                 
                
               
              
             
             
            
            
            
           
          
          
           
            
             
              
               
               
               
               
                
                
                 vue iframe高度自适应
                
               
              
              
               
                
                 
                  
                   我们在开发过程中会遇到iframe嵌入外部页面问题，通常外部页面高度不一，如果我们写死iframe高度，就会出现滚动条。通过以下设置会避免滚动条情况 注意：本地开发时，若存在src跨域问题，高度自适应
                  
                 
                
                
               
               
                
                 
                  
                   
                    
                    zmcoco39
                   
                  
                 
                
                
                 1年前
                
                
                 
                 
                  1.1k