javascript - 基于iframe滚动条隐藏父窗口滚动条

Question

我正在使用具有固定高度和垂直滚动条的 iframe。只有当加载的页面高度大于 iframe 高度时，才会出现 iframe 滚动条。我需要隐藏浏览器滚动条，只显示 iframe 滚动条。我知道我可以用 body{overflow:hidden} 之类的东西隐藏浏览器滚动条，但这将隐藏浏览器滚动条，而与加载的页面无关，所以这将是一个问题。我用 javascript 和 jquery 尝试过这样的事情

document.body.style.overflow="hidden"
$('body').css('overflow', 'hidden');

但没有让它工作。请指教

Answer 1

在 iframe 中，您可以使用以下代码隐藏浏览器滚动条。这是实现此目的的 JS 代码：

window.parent.document.body.style.overflow="hidden";

Answer 2

<script type="text/javascript">
 function yourclickfunction() {
 document.body.style.overflow = "hidden";
 }
</script>