这个滚动条有没有啥办法隐藏掉,滚动条隐藏了但要内容可以滚动的那种,用的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 素材场景中光线烘焙后灯光失效
- ¥15 请教一下各位,为什么我这个没有实现模拟点击
- ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
- ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
- ¥20 有关区间dp的问题求解
- ¥15 多电路系统共用电源的串扰问题
- ¥15 slam rangenet++配置
- ¥15 有没有研究水声通信方面的帮我改俩matlab代码
- ¥15 ubuntu子系统密码忘记
- ¥15 保护模式-系统加载-段寄存器