Question

我在iframe中嵌入了用于webview应用程序的网站

<body>
    <iframe id="iframe" src="http://www.medicamall.com"></iframe>
</body>

这是CSS代码

body {
    margin:0;
    padding:0;
    height:100%;
}
#iframe {
    border:none;
    width:100%;
    height:calc(100% + 200px);  
    position: absolute;
    overflow: hidden;
}

我需要隐藏iframe底部的特定200px 当我使用高度时，它适用于我：calc（100％+ 200px）;
但滚动到页面底部时会显示滚动左如何防止此区域显示在滚动

Answer 1

您需要移动CSS以将溢出隐藏到iframe的父容器中。

body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}
#iframe {
    border: none;
    width: 100%;
    height: calc(100% + 200px);
    position: absolute;
}

你可以在我的plnkr上看到一个例子。

http://embed.plnkr.co/xFXzg7g90Itpuee6hKB9/

隐藏iframe底部的特定区域

1 个答案: