我创建了一个由 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/