在jQuery页面scrollTop和scrollLeft滚动位置的讨论

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

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

复制代码代码如下所示:

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

复制代码代码如下所示:

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

以上是本文的全部内容,希望大家能喜欢。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部