文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使iframe 100%没有滚动条

问如何使iframe 100%没有滚动条
EN

Stack Overflow用户

提问于 2017-02-14 05:07:11

回答 2查看 7.8K关注 0票数 0

我试图代表移动版本的网站。我使用没有滚动的iframe，创建了带有自定义滚动条的div。它几乎可以工作，除了每个背景图像都被放大。只要看看小提琴的例子，你就会明白我的意思。我想这是因为我将高度设置为固定的6000，但我不知道如何在没有滚动条的情况下将iframe的高度设置为100%。有人可以帮助使iframe 100%没有滚动条，但有固定宽度和自定义div滚动条，就像这个小提琴的例子。

http://jsfiddle.net/KMzgm/3387/

.scroll {
   width: 500px;
   height: 500px;

   overflow: scroll;
}
.scroll::-webkit-scrollbar {
    width: 12px;
}


.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

iframe

scroll

html

回答 2

Stack Overflow用户

发布于 2017-02-14 05:11:32

尝试将overflow-y设置为hidden。

iframe {
  width:500px;
  height: 500px;
  overflow-y: hidden;
}

票数 0

Stack Overflow用户

发布于 2017-02-14 05:27:16

给你。阅读关于

vh和vw单元。

啊！

http://jsfiddle.net/KMzgm/3389/

.scroll {
   width: 500px;
   height: 100vh;}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42213570

复制

相似问题

问如何使iframe 100%没有滚动条
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使iframe 100%没有滚动条EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使iframe 100%没有滚动条
EN