gpt4 book ai didi

jquery - 在 iFrame 中隐藏滚动条

转载 作者:太空宇宙 更新时间:2023-11-03 18:13:35 26 4
gpt4 key购买 nike

我知道这个问题以前被问过很多次,但问题是我正在尝试使用 html、css、Jquery 构建一个响应式工具。我正在使用 iframe 来显示 html(例如:着陆页)并查看不同的响应 View ,但是当内容高于滚动条出现的窗口(水平、垂直条)时,我想消失在至少是水平条,因为如果我有一个 320 像素的响应 View ,当滚动条出现时它会隐藏部分内容,我必须使用水平滚动条。

我尝试了不同的代码,但没有人奏效。那么你能帮帮我吗?谢谢!

<div id="resize-box">
<iframe src="blank.html" frameborder=0 scrolling="no"></iframe>
</div>

如果我使用“scrolling no”,它会隐藏滚动条,但功能会停止工作,我需要它。

我试过了,但运气不好。 Hide horizontal scrollbar on an iframe?

最佳答案

blank.html一样编辑>

<html>
<head>
<style>
html, body {
padding: 0;
margin: 0;
overflow: hidden;
}
#bla {
position: absolute;
left: 0;
top: 0;
right: -30px;
bottom: 0;
padding-right: 15px;
overflow-y: scroll;
}
</style>
</head>
<body>
<div id="bla">
<!-- lines here -->
</div>
</body>

现在<iframe src="blank.html" />

如您所见,滚动条已隐藏但仍可滚动。

关于jquery - 在 iFrame 中隐藏滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23206709/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com