这个滚动条有没有啥办法隐藏掉,滚动条隐藏了但要内容可以滚动的那种,用的iframe标签
2条回答 默认 最新
- MAXLZ 2022-09-25 19:54关注
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .container { width: 500px; height: 500px; overflow: hidden; } iframe { border: none; } </style> </head> <body> <div class="container"> <iframe id="iframe" src="https://www.csdn.net/"></iframe> </div> <script> // 获取滚动条宽度 function getScrollbarWidth() { const outer = document.createElement('div'); outer.style.visibility = 'hidden'; outer.style.overflow = 'scroll'; outer.style.msOverflowStyle = 'scrollbar'; document.body.appendChild(outer); const inner = document.createElement('div'); outer.appendChild(inner); const scrollbarWidth = (outer.offsetWidth - inner.offsetWidth); outer.parentNode.removeChild(outer); return scrollbarWidth; } const scrollWidth = getScrollbarWidth() const iframe = document.querySelector('#iframe') // 使iframe宽高多加一个滚动条的宽度 iframe.style.width = `calc(100% + ${scrollWidth}px)` iframe.style.height = `calc(100% + ${scrollWidth}px)` </script> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 1无用
悬赏问题
- ¥15 一个服务器已经有一个系统了如果用usb再装一个系统,原来的系统会被覆盖掉吗
- ¥15 使用esm_msa1_t12_100M_UR50S蛋白质语言模型进行零样本预测时,终端显示出了sequence handled的进度条,但是并不出结果就自动终止回到命令提示行了是怎么回事:
- ¥15 前置放大电路与功率放大电路相连放大倍数出现问题
- ¥30 关于<main>标签页面跳转的问题
- ¥80 部署运行web自动化项目
- ¥15 腾讯云如何建立同一个项目中物模型之间的联系
- ¥30 VMware 云桌面水印如何添加
- ¥15 用ns3仿真出5G核心网网元
- ¥15 matlab答疑 关于海上风电的爬坡事件检测
- ¥88 python部署量化回测异常问题