Javascript - 在弹出窗口中滚动到底部答案

【问题标题】：Javascript - Scroll to bottom on a pop-up windowJavascript - 在弹出窗口中滚动到底部
【发布时间】：2014-09-15 03:19:51
【问题描述】：

<script type="text/javascript">
// Popup window code
function newPopup(url) {
    popupWindow = window.open(url,'popUpWindow','height=500, width=800, left=10, top=10, resizable=yes, scrollbars=yes, toolbar=yes, menubar=no, location=no, directories=no, status=yes')
}
</script>


<a href="JavaScript:newPopup('http://www.google.ca');">CLICK HERE</a></a> to go to google.

当用户点击网页上的CLICK HERE 时，会出现一个弹出窗口，将您引导至http://www.google.ca 网页。我的问题是如何让点击CLICK HERE时弹出窗口自动滚动到页面底部？

我找到了这段代码： window.scrollBy(0,50)，但它会将网站本身滚动到底部。它不会滚动弹出窗口。

【问题讨论】：

标签： javascript html popup

【解决方案1】：

尝试像这样使用onload 事件

function newPopup(url) {
    popupWindow = window.open(url,'popUpWindow','height=500, width=800, left=10, top=10, resizable=yes, scrollbars=yes, toolbar=yes, menubar=no, location=no, directories=no, status=yes');
    popupWindow.onload = function () {
        popupWindow.scrollTo(0, popupWindow.document.body.scrollHeight);
    };
}

【讨论】：

它似乎没有滚动到弹出窗口的底部。我正在使用谷歌浏览器。
主窗口和副窗口的域名必须相同。这是因为跨域脚本安全限制（也称为“同源策略”）。
我使用了你的代码，但它对我的弹出窗口没有任何作用。
是的！它有效:) 如果它的域不同，SOP 将阻止！

【解决方案2】：

您可以尝试创建一个锚点吗？

<a name="whereYouWantToScrollTo">Click To Scroll To Top</A>

http://www.webmastercourse.com/articles/anchors/ 我不确定您是否可以使用 JavaScript 激活锚点，但这是我知道如何强制用户在网页上向下滚动的唯一方法。希望这会有所帮助

【讨论】：

【解决方案3】：

如果您的弹出窗口有一个 id，您可以使用此代码到达该弹出窗口的顶部。

$("#confirma_modificacion_documento").animate({ scrollTop: 0 }, "fast");

当您的弹出窗口是：

<div class="modal fade" id="confirma_modificacion_documento" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"

【讨论】：