您的位置：首页 > 其它

【转】iframe页面跳转时，导致父页面滚动！该怎么解决?

2014-02-23 21:22 477 查看
HTML code

<body>
　　<form id="form1" runat="server">
　　 　　<iframe id="topFrame" width="800px" height ="140px;" style=" margin:0px 0px 0px 0px" frameborder="0" scrolling="no" src="topStocks.aspx">
　　　　</iframe>
　　 　　<iframe id="mainFrame" width="800px" name="mainFrame" scrolling="no" style=" margin:0px 0px 0px 0px" height ="500px" frameborder="0" src="aaaa.aspx">
　　　　</iframe>
　　</form>
</body>


两个iframe 一个topFrame,一个mainFrame
在aaaa.aspx的js里写的代码,

JScript code

function fnSetUrl()
{
var frame = parent.document.getElementById("mainFrame");
frame.src = "bbbbb.aspx;
}

执行fnSetUrl() 导致父页面滚动了（像锚一样滚动到mainFrame）！

------回答---------
------回答（50分）---------

你执行的涵数fnSetUrl()时肯定是用到了A标签(<a href='#' onclick='fnSetUrl()'>跳转</a>)
这样先执行href="#"这个操作后,导致了父页面滚动
改成<a href='javascript:fnSetUrl()' >跳转</a>就没有问题 了！

------回答---------

------回答（50分）---------

你执行的涵数fnSetUrl()时肯定是用到了A标签(<a href='#' onclick='fnSetUrl()'>跳转</a>)
这样先执行href="#"这个操作后,导致了父页面滚动
改成<a href='javascript:fnSetUrl()' >跳转</a>就没有问题 了！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航