Web页面往往比浏览器窗口显示的页面更大,因为网站的文件有很多内容,这往往导致更高的网页,有时甚至比浏览器,使游客通过滚动查看整个页面(如图10-8)。当客人滚动页面,文档的部分从视线中消失了。例如,网页不能完全放在浏览器窗口和文档滚动到左或。因此,顶部和左侧的页将视野中消失,这意味着浏览器窗口的左上角是不同的从文档的左上角。如果你试图把一个新的元素,例如,在屏幕上动态的旗帜;如果只有左边和顶部位置的元素设置为0,你会有麻烦的,把它放在顶部的一个文件,但在浏览器窗口。

幸运的是,jQuery提供了两个函数,这些功能允许您确定页面从顶部和左侧滚动的部分(换句话说,文档在浏览器窗口的顶部和左侧存在多少个像素):

复制代码代码如下所示:

$(document)的ScrollTop()。



要确定文档的多少部分位于屏幕左侧,请使用下面的代码行如下所示:

复制代码代码如下所示:

$(document)的ScrollLeft()。



两个函数返回一个像素值,你可以用它在页面上找到其他的元素。例如,如果你想在一个页面的中心定位,弹出一个窗口,即使有人滚下来,然后你需要确定如何远游客推出移动弹出的窗口做许多额外的元素下面的网页。例如在弹出的工具提示,当游客需要向下滚动页面来定位一个提示当你需要小心,一不小心就容易提示页面上的空间,但是,但是在浏览器窗口的可见区域外使用scrollTop()来。避免将一个工具提示在浏览器窗口顶部的视觉区域上方。

以上是本文的全部内容,希望大家能喜欢。