When within iframe JQuery Mobile autoscrolls to th

2019-08-04 00:46发布

站内问答 / 前端开发
1348 1 4

I need to embed website developed for jquery mobile to the regular website using iframe. This works so far, but parent page is automatically scrolled down to the top of iframe, which is not desired and should be prevented. Here's the code I have.

Parent Page(parent.html):

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

Embedded page(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>

Any thoughts how to solve that?

1条回答
何必那么认真
2楼-- · 2019-08-04 01:33

It appreared that jquery mobile's focusPage() function is causing this scroll effect, so I ended up simply preventing it from running when inside an iframe.

if (top!==self) { //if iside iframe
    //don't use focusPage for embedded site to prevent autoscroll
    $.mobile.focusPage = function ( page ) {
        return;
    }
}
查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(4)