如何使用Javascript将窗口移动x个像素

How to move the window by x number of pixels using Javascript

本文关键字：像素 移动 窗口 何使用 Javascript      更新时间：2023-09-26

如何使用Javascript向下滚动窗口或网页？基本上，我想将网页向下移动一定数量的像素，使用Javascript有什么方法可以做到这一点吗？

您可以使用以下函数：

window.scrollBy(x,y)

例如

window.scrollBy(0,100)

由于您对"单位"表示了兴趣（我假设您的意思是宽度和高度，因为这里的单位是像素！）如果窗口被调整大小：

document.height
1527
window.innerHeight
912

"太棒了。但如果窗口已经调整大小，有什么可以滚动的吗？"

是的，你可以使用这个事件处理程序：

window.onresize = function() {
    window.scrollBy(..., ...);
}

https://developer.mozilla.org/en/DOM/window.onresize

我以前一直用jQuery来做这件事，所以如果你感兴趣。

可以使用scrollTop（http://api.jquery.com/scrollTop/）：

 $(window).scrollTop(value)

可以使用偏移量（http://api.jquery.com/offset）：

$(element).offset().top

你也可以通过scrollTop找到窗口的当前滚动：

$(window).scrollTop()

使用这些方法，您可以找到当前窗口的滚动位置，确定要滚动到的位置，并使用scrollTop从一个部分滚动到另一个部分，或者您是否希望它随着时间的推移变得平滑和动画化—设置动画（http://api.jquery.com/animate）。

如果你想做一个基于浏览器调整大小的事件，那么你只需将一个函数绑定到调整大小事件：

$(window).bind('resize', myfunction);
相关文章：