当在iframe中JQuery Mobile自动滚动到iframe顶部

我需要使用iframe将为jquery mobile开发的网站嵌入到常规网站。到目前为止，它的工作原理是，但父页面会自动滚动到iframe的顶部，这是不希望的，应该阻止。这是我的代码。当在iframe中JQuery Mobile自动滚动到iframe顶部

父页（parent.html）：

<div style="margin-top:1500px">SPACER</div> 
<iframe src="frame.html" width="660px" frameborder="0" scrolling="no"></iframe>

嵌入式网页（frame.html）：

<!DOCTYPE html><html lang="de"> 
<head> 
    <title>Embedded page</title> 
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script type="text/javascript" src="//code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>  
</head> 
<body> 
    THIS IS MY TEST 
</body> 
</html>

任何思考如何解决？

来源

2013-08-21 Pavel Dubinin

它认为jquery mobile的focusPage()函数导致了这种滚动效果，所以我最终只是防止它在iframe中运行。

if (top!==self) { //if iside iframe 
    //don't use focusPage for embedded site to prevent autoscroll 
    $.mobile.focusPage = function (page) { 
     return; 
    } 
}

来源

2013-09-09 13:16:04

很难找到这个..真棒小费 –

当在iframe中JQuery Mobile自动滚动到iframe顶部

回答

相关问题