Iframe重新加载，如何滚动父页面与滚动窗口顶部

我有一个网站上的tumblr博客iframed。我正在使用scrollpane。看到这里http://danmccarthy.net/news/Iframe重新加载，如何滚动父页面与滚动窗口顶部

我的问题是，博客的分页按钮重新加载的iframe到下一个页面，但我不能figurate如何滚动到顶部父页面一次的iframe与实施滚动窗格重装。

我试过了成功以下

iframe onload="window.parent.parent.scrollTo(0,0)"

而且

$('#exhibit iframe').load(function(){ 
    $(window).scrollTop(0); 
});

下面是全身滚动滚动面板脚本

$(function() 
{ 
var win = $(window); 
var isResizing = false; 
win.bind(
    'resize', 
    function() 
    { 
     if (!isResizing) { 
      isResizing = true; 
      var container = $('#exhibit'); 
      container.css(
       { 
        'width': 1, 
        'height': 1 
       } 
      ); 
      container.css(
       { 
        'width': win.width(), 
        'height': win.height() 
       } 
      ); 
      isResizing = false; 
      container.jScrollPane(
       { 
        autoReinitialise: true, 
       } 
      ); 
     } 
    } 
).trigger('resize'); 
$('body').css('overflow', 'hidden'); 
if ($('#exhibit').width() != win.width()) { 
    win.trigger('resize'); 
} 
});

这就是今天的HTML

<div id="wrapper"> 
<div id="wrap-top"> 

    <!-- Header and Menu --> 

</div> 

<div id='exhibit'> 
    <div class='container'> 
     <div class='right'> 

      <!-- iframe --> 

     </div> 
    </div> 
</div> 

</div>

来源

2013-05-17 tomdelalune

这里是我有什么测试，如果我明白你的问题的权利，这是一样的东西，你在找什么：

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
</head> 
<body> 

<div id="divTest"> 
    <h1>First Heading</h1> 
    <h1>Second Heading</h1> 
    <h1>Third Heading</h1> 
    <h1>Fourth Heading</h1> 
    <h1>Fifth Heading</h1> 
    <h1>Sixth Heading</h1> 
    <h1>Seventh Heading</h1> 
    <h1>Eigth Heading</h1> 
    <h1>Ninth Heading</h1> 
    <h1>Tenth Heading</h1> 
    <h1>Eleventh Heading</h1> 
    <h1>Twelth Heading</h1> 
    <h1>Thirteenth Heading</h1> 
</div> 

<iframe id="frmTestFrame" height="500px" width="800px" src="http://www.reddit.com"></iframe> 

<script type='text/javascript'> 
    var self = this; 

    $(document).on('ready', function() { 
     $("#frmTestFrame").on('load', function() { 
      self.scrollTo(0,0); 
     }); 
    }); 

</script> 
</body> 
</html>

我希望这可以帮助你。

来源

2013-06-21 05:15:45 AtlanteanTec

Iframe重新加载，如何滚动父页面与滚动窗口顶部

回答

相关问题