1

我需要将为 jquery mobile 开发的网站嵌入到使用 iframe 的常规网站中。到目前为止，这是可行的，但是父页面会自动向下滚动到 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>

任何想法如何解决？

4

1 回答 1

2

发现 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-09T13:16:04.517 回答