Question

我的网站可用here。

问题是我得到了一个双卷轴，因为我使用iframe在我网站的每个页面中显示内容。

我试过了：

<iframe ... scrollable="no"></iframe>

并尝试使用！important：

覆盖默认的CSS

.fancybox-overlay, .fancybox-overlay-fixed {
    overflow: hidden !important;
}

但没有任何效果。

如何解决这个问题？

Answer 1

如何让您的父元素适合页面，以便唯一的滚动条是dat[, MeanY = mean(Y) ,by = c("Time","Quantile")]内的滚动条而不是其他方式？

您可以这样做：

＆＃13;

iFrame

＆＃13;

.fit {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.Parent {
  border: 2px solid red
}

iframe {
  border: 2px solid green;
  height: 100%;
  width: 100%;
  display: block
}

* {
  box-sizing: border-box
}

＆＃13;

注意：

绿色边框是iframe
红色边框是父容器

Answer 2

您需要使用滚动属性而不是可扩展。

来源https://www.w3schools.com/tags/att_iframe_scrolling.asp

Answer 3

试试这个

<iframe src="https://bing.com" 
        class="this" 
        scrolling="no" >
</iframe>

＆＃13;

.this {
  width: 200px;
  height: 200px;
  overflow-y: hidden;
}

＆＃13;

<iframe src="http://bing.com" 
        class="this" 
        scrolling="no" >
</iframe>

＆＃13;

Web - 如何禁用但隐藏iframe中的滚动？

3 个答案:

注意：