从 bulma 的 iframe 中删除滚动条

Question

我正在构建一个包含 iframe 的网站，并且正在使用 bulma 对其进行样式设置。无论如何要删除 iframe 侧面的灰色滚动条。我已经设置 overflow:hidden 但它没有解决问题。带有栏的 iframe 如下所示。

演示这个的示例代码：

iframe:

<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
    <script defer src="https://use.fontawesome.com/releases/v5.1.0/js/all.js"></script>

</head>

<body style = 'overflow:hidden'>
    <p>hello<p>
</body>

网页：

<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
    <script defer src="https://use.fontawesome.com/releases/v5.1.0/js/all.js"></script>


</head>
<body>  
        <iframe src = 'iframe.html'></body>
        </iframe>
</body>

Answer 1

在 iframe 中添加 <html style = 'overflow-y:hidden'> 删除了滚动条。

从 bulma 的 iframe 中删除滚动条

Remove scrollbar from iframe in bulma

html

css

iframe

bulma