Question

在搜索答案时，我一直在寻找如何删除滚动条的答案。这并不能完全解决我的问题。我有一个index.php文件，我试图将其放在我网站上的iframe中。 index.php包含一个<div>，其中包含<span>。

<iframe src="index.php" scrolling="no" style="border:0px; height: 300px; width:158px;"></iframe>

但是，当我单击并拖动<div>时，页面仍会滚动（水平）。我只能在IE8中看到这种情况。我在Firefox中测试过，但我没有看到它。如果客户点击并拖动iframe，有没有办法完全阻止页面滚动？

我意识到这是一个边缘案例，它可能不会在制作中发生很多，但我的iframe正在公司网页上进行，我想尽可能多地消除不良影响。

我可以在<iframe>标记和index.php中添加我想要的内容，但iframe的页面上的任何其他内容对我来说都是不受限制的。

Index.php具有以下代码：

<div id="link"><span class="link"></span></div>

我设置了样式表，使用background-image使跨度看起来像图像。背景图像高60像素，但在任何给定时间仅显示30像素，具体取决于跨度是对焦还是悬停。

Answer 1

您需要有效取消滚动。因为＆＃34; onscroll＆＃34;事件不可取消，下一个最好的事情是重置滚动位置。将其添加到index.php（例如，添加到＆lt; head＆gt;部分）：

<script>
        window.onscroll = function () {
            window.scrollTo(0,0)
        }
</script>

在任何滚动尝试（包括拖动滚动）上它将重置滚动位置。你可能会注意到一个轻微的跳跃，但页面不会滚动。