gpt4 book ai didi

javascript - 如何使用浏览器的滚动条滚动 iframe 的内容?

转载 作者:行者123 更新时间:2023-11-28 07:45:48 25 4
gpt4 key购买 nike

我创建了一个由 iframe 组成的网页。我想使用浏览器滚动条滚动 iframe 内容。这是我的代码:

<html>
<head>
<script src = "jquery-2.1.4.min.js">
</script>
<script src = "iframe.js">
</script>
<style>
button{
position : relative;
}
</style>
</head>
<body>
<div class = "frame">
<iframe src = 'demo.html' id = "sd" frameBorder='0' scrolling = "no" height = "100%" width = '100%'>
</iframe>
</div>
<button id ="zoomIn">
zoom in
</button>
</body>
</html>

单击 zoomIn 按钮时,我希望 iframe 中的内容增加其大小。 iframe 中不应有任何滚动条,但滚动应由浏览器完成。

最佳答案

<iframe src = 'demo.html' id ='sd' frameBorder='0' scrolling = 'no' height = '100%' width = '100%'>

在你的 CSS 中

iframe { overflow:hidden; }

关于javascript - 如何使用浏览器的滚动条滚动 iframe 的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30707626/

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