Question

<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)，但它将网站本身滚动到底部。它不会滚动弹出窗口。

Answer 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);
    };
}

Answer 2

您可以尝试创建锚点吗？

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

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

Answer 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"

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

3 个答案: