Question

我有这个asp.net页面如下。

<body>
    <form id="form1" runat="server">
    <div class="page" >
    <iframe id="iFrame1" style="width:100%" runat="server" 
    height="1100"  scrolling="yes"
    src="login.aspx"
     frameborder="0" align="left">
    </iframe>
    </div>
    </form>
</body>

要滚动iframe，我必须将鼠标指针放在IE滚动条上。我只想将鼠标指针放在iframe上并滚动页面。请咨询。提前致谢。

Answer 1

这是一个jQuery解决方案：

<div id="pane" style="width: 300px; height: 200px; overflow: auto;">
   <iframe id="iFrame1" width="800" height="600" src="login.aspx" scrolling="no">
   </iframe>
</div>

<script type="text/javascript">
$("#pane").hover(function()
{
  $("#pane").scrollTop(400).scrollLeft(400);
  return false;
});
</script>

为了更顺畅地滚动，您可以使用jquery animate函数。

如何滚动IFrame而不将鼠标指针放在IE滚动条上？

1 个答案: