iframe的滚动条隐藏后仍可滑动

最新推荐文章于 2024-05-02 20:01:02 发布

淡淡的茶香味

最新推荐文章于 2024-05-02 20:01:02 发布

阅读量1.6k

点赞数 3

分类专栏： css

本文链接：https://blog.youkuaiyun.com/weixin_45155004/article/details/109119570

版权

css 专栏收录该内容

1 篇文章

订阅专栏

主要核心是给标签外添加一个 div，新添加的idv的宽度比 iframe的宽度小即可，具体的宽度小多少，需要自己调试设置

例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
       *{margin:0;padding:0;}
       .box{
           width: 900px;
           height: 400px;
           overflow:hidden;
           border:1px solid #000;
           margin:50px auto;
       } 
    </style>
</head>
<body class="inner-container">
   <div class="box">
       <iframe src="https://www.baidu.com/" width="1000px" height="400">    
          </iframe>
   </div>
</body>
</html>