1

我正在创建一个新的弹出窗口，我想将我的页面滚动到特定位置，我尝试了上面提到的所有三种方法，但它们都不起作用。

这是我的代码

var w = window.open('','TEST','width='+divWidth+',height='+divHeight+'');

w.onload = function() {
    w.scroll(200,300);
};

任何想法？

4

1 回答 1

0

Gokhan，我的猜测是窗口的主体是空的，产生的内容大小为零。由于内容的尺寸为 0 宽 x 0 高，因此窗口的视口有效地折叠为空 - 本质上减少scroll()（和朋友）到 noop。

我整理了一个小小提琴来证明拥有足够的内容可以解决问题。http://jsfiddle.net/blagenfeld/SXnA8/3/

更新的答案

好的，现在我了解到您正在使用同源页面中的内容创建弹出窗口。尝试onload为弹出窗口定义一个并在那里滚动。

<html>
    <head>
        <style type="text/css">
            /* Just ensuring the size of the content for demo purposes */
            body { min-width: 500px; min-height: 500px;}
        </style>
        <script type="text/javascript">
            function showPopUp(url) {
                popUp = window.open(url, "_blank", "width=300, height=300");
                /* This works if the URL doesn't violate same-origin policy */
                popUp.onload = function() {
                    this.scrollTo(100, 100);
                }
            };
        </script>
    </head>
    <body>
        <h1>Pop-up test</h1>

        <a href="#" target="_blank" onclick="showPopUp('popup.html');">
            Click for a same-domain pop-up
        </a>
        &nbsp;|&nbsp;
        <a href="#" target="_blank" onclick="showPopUp('http://www.google.com');">
            Click for a google.com pop-up
        </a>
    </body>
</html>
于 2013-10-04T16:26:34.963 回答