`

jquery取得页面滚动的x,y值

阅读更多

//取得页面滚动的x,y值

		//取得页面滚动的x,y值
		function ___getPageScroll() {
			var xScroll, yScroll;
			if (self.pageYOffset) {
				yScroll = self.pageYOffset;
				xScroll = self.pageXOffset;
			} else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
				yScroll = document.documentElement.scrollTop;
				xScroll = document.documentElement.scrollLeft;
			} else if (document.body) {// all other Explorers
				yScroll = document.body.scrollTop;
				xScroll = document.body.scrollLeft;	
			}
			arrayPageScroll = new Array(xScroll,yScroll);
			return arrayPageScroll;
		};
 

 

 

分享到:
评论

相关推荐

    jQuery全屏页面滚动效果页面上下滚动效果代码jq插件

    当用户滚动页面时,这个事件会被触发,然后执行我们定义的回调函数。 在回调函数中,我们需要获取当前滚动条的位置,这可以通过`$(window).scrollTop()`来实现。根据滚动条的位置,我们可以计算出哪些内容应该显示...

    jQuery页面上下滚动触发区块动画特效

    "jQuery页面上下滚动触发区块动画特效"是一种常见且吸引人的设计手法,它使得网页在用户滚动页面时,特定区块会以动画方式呈现,为网页增添活力与趣味性。下面我们将详细探讨这一技术。 ### 1. jQuery库的应用 ...

    jQuery实现页面滚动时元素智能定位

    在网页设计中,有时我们需要某些元素(如通知、提示框或广告)始终保持在用户视野范围内,即使用户滚动页面也是如此。这种效果通常被称为“固定定位”或“智能定位”。jQuery 提供了简单易用的 API 来实现这种效果,...

    jquery随页面滚动最终固定顶部的导航条插件

    当用户开始滚动页面时,导航条会向上滚动,这是通过监听页面滚动事件并调整导航条的CSS样式(如position和top属性)来实现的。当导航条到达预设的固定位置(通常是页面顶部)时,插件会将其定位为固定在顶部,使得...

    jQuery全屏页面滚动导航切换效果

    **jQuery全屏页面滚动导航切换效果详解** 在网页设计中,全屏页面滚动导航是一种流行的交互方式,它能提供沉浸式的用户体验,使用户在浏览网站时感到更加舒适和流畅。结合jQuery实现的导航切换效果,可以提升网站的...

    jQuery平滑页面滚动切换特效.zip

    2. **jQuery的scroll()函数**:此函数监听浏览器窗口的滚动事件,当用户滚动页面时触发相应操作。结合$(window).scrollTop()可以获取当前滚动条的位置。 3. **animate()方法**:这是jQuery最强大的动画方法之一,它...

    jQuery实现页面滚动切换

    本教程将深入探讨如何使用jQuery实现类似www.mingdao.com首页的页面滚动切换效果,这种效果使得用户在滚动页面时,内容能够平滑过渡,提升用户体验。 **一、理解基本原理** 页面滚动切换的核心是监听用户的滚动...

    jQuery的单页面滚动插件

    单页面滚动(Single Page Scroll)的核心原理是监听用户的滚动事件,当用户滚动到页面的特定位置时,通过改变`window.location.hash`来更新URL的哈希值,同时使用CSS或JavaScript将对应的内容区域滚动到视口中央。...

    jQuery页面楼层滚动显示进度代码.zip

    当用户滚动页面时,进度条会根据当前滚动位置相对于整个页面的比例来更新,这样用户可以一目了然地知道他们在页面中的位置。这种视觉反馈有助于增强用户的导航感知,特别是对于长篇文章或者产品目录页面,用户可以...

    jquery页面滚动始终页面顶部固定层代码

    本文将深入探讨如何使用jQuery来实现页面滚动时始终保持在顶部固定的层。 首先,我们需要在HTML中设置一个类或ID,以便于我们通过jQuery选择这个元素。例如,我们可以创建一个带有"fixed-header"类的div元素,用于...

    jQuery全屏页面滚动效果苹果官网页面上下滚动效果代码.zip

    当用户滚动页面时,`$(window).scroll()`函数会被触发。在该函数内部,我们需要计算当前滚动位置与每个页面段顶部的距离,以判断用户正处于哪个页面段。这可以通过`$(window).scrollTop()`获取当前滚动距离,并与...

    jquery自下而上循环滚动table

    jquery自下而上循环滚动table

    jQuery简单页面滚动菜单导航切换代码.zip

    jQuery简单页面滚动菜单导航切换代码基于jquery-1.4.2.min.js制作,点击菜单页面滑到对应的div上面。有首页、关于我们、产品与服务、在线体验、客户中心、社会责任、员工之家等菜单栏目。

    jQuery简单页面滚动菜单导航切换代码

    当用户滚动页面时,内部的回调函数会被执行。 2. ** scrollTop 属性**:在滚动事件中,我们可以通过`$(window).scrollTop()`获取到浏览器窗口顶部到页面顶部的距离,这可以用来判断用户滚动到了哪个部分。 3. **...

    jQuery页面滚动浮动导航切换代码.zip

    这种效果通常被称为"粘性导航"或"固定顶部导航",它可以使导航栏始终保持在屏幕顶部,即使用户向下滚动页面也是如此。 具体实现这个效果的步骤如下: 1. **引入jQuery库**:首先,我们需要在HTML文档的头部引入...

    jQuery实现列表自动滚动循环滚动展示新闻

    在HTML页面中实现一个新闻列表的自动滚动循环滚动展示,可以通过JavaScript的jQuery库来完成。使用jQuery不仅能够简化对DOM的操作,还可以通过简短的代码实现较为复杂的功能。以下是相关的知识点: 1. HTML部分:...

    jQuery单页全屏滚动插件.zip

    全屏滚动,也被称为视差滚动或Parallax Scrolling,是一种网页设计趋势,它允许用户通过滚动页面时,各个内容层以不同的速度移动,从而创造出深度感和立体感。这种效果通常用于创建引人入胜的故事叙述或展示产品。 ...

    jQuery页面定位导航滚动插件jquery.nav

    jQuery页面定位导航滚动插件jquery.navjQuery页面定位导航滚动插件jquery.navjQuery页面定位导航滚动插件jquery.navjQuery页面定位导航滚动插件jquery.navjQuery页面定位导航滚动插件jquery.navjQuery页面定位导航...

    jQuery全屏视差滚动效果

    1. **jQuery选择器**:jQuery提供了丰富的选择器,如ID选择器(`$("#id")`)、类选择器(`.class`)和元素选择器(`$("element")`),用于快速定位页面中的DOM元素,为这些元素添加视差滚动效果。 2. **CSS3属性**...

Global site tag (gtag.js) - Google Analytics