如何删除 Iframe 滚动条但应加载整页？

Question

在 contentArea 中添加 Iframe 后，我得到两个滚动条。我想隐藏 iframe 滚动条而不隐藏任何外部网站链接的内容。我怎样才能做到这一点？我添加了下面的代码片段并尝试了几件事， scrollbar="no"但没有用。帮我解决这个问题，并提前致谢。

我需要 contentArea 滚动条。只是想隐藏 iframe 滚动条而不隐藏外部网站内容。

body{margin:0;padding:0;}
.contentArea{height:100%; width:100%; position:absolute; top:0;left:0;overflow-y:scroll;}
iframe{height:100%; width:100%; position:absolute; top:0;left:0;border:0;}

<div class="contentArea">
<iframe src="https://ajaymalhotra.in" title="Iframe Example"></iframe>
</div>

Answer 1

您可以使用 CSS 隐藏滚动条

.contentArea iframe::-webkit-scrollbar {
  width: 0px;
}

这应该可以满足您的需要。