Javascript弹出滚动跳转

当然有一种简单的方法可以做到这一点.我需要在java脚本弹出窗口中加载页面.但是我需要在窗口中显示的内容是一种向下的方式.有没有办法跳转到页面的那一部分? (所以跳转到垂直滚动坐标?)(另外,我无法编辑正在显示的页面.仅仅链接到它)

任何帮助深表感谢!

解决方法:

假设您无法链接到锚点,但加载到弹出窗口的页面位于同一个域中,您可以使用以下内容:

>加载弹出窗口
>设置onload事件以使弹出窗口在加载后滚动
>弹出的页面将在加载后向下滚动

您可能想要自定义此内容,例如你可以为openInPopUp()提供一个额外的参数,其中包含要滚动到的确切位置.

这是守则:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
    <head>

        <script language="javascript" type="text/javascript">
          function openInPopUp(link) {
            // (1) load the popup
            newwindow = window.open(link.href, 'name', 'height=300,width=200,resizable=1,scrollbars=1');

            // (2) set the onl oad event
            newwindow.onload = function() {
                scrollDown();
            };

            return false;
          }

          function scrollDown(){
            // (3) scroll down
            newwindow.scrollTo(0, 200);
          }
        </script>
        <title></title>
    </head>
    <body>
        <p>
            <a href="popup.html" onclick="return openInPopUp(this)">open link to popup and scroll down</a>
            <br/><br/>

            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<br/>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<br/>

        </p>
    </body>
</html>

如果要从其他域加载内容而不是调用页面,这将无效,但以权限错误结束.

Details for the scrollTo function

上一篇:java – 如何自定义JComboBox以使弹出窗口是JTree(而不是列表)?


下一篇:android中的自定义微调器弹出列表