`
zhangyaochun
  • 浏览: 2608696 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

获取横|纵向滚动的值

阅读更多

 

pageXOffset|pageYOffset ie6-8不被支持,但是ie9已经开始支持

 

参考:http://msdn.microsoft.com/zh-cn/library/ff974684(v=VS.85)

 

 

/*
获取纵向滚动量
@function
@return {Number} 纵向滚动值
*/
ZYC.page.getScrollTop = function(){
      var d = document;
      return window.pageYOffset || d.documentElement.scrollTop || d.body.scrollTop;
};

 

 

 

/*
获得横向滚动量
@function
@return {Number} 横向滚动量
*/
ZYC.page.getScrollLeft = function(){
      var d = document;
      return window.pageXOffset || d.documentElement.scrollLeft || d.body.scrollLeft;
};
1
1
分享到:
评论

相关推荐

    jquery scroll()区分横向纵向滚动条的方法

    然而,在某些情况下,我们可能需要区分是横向滚动还是纵向滚动,特别是在页面中存在多个可滚动区域时。本文将详细介绍如何使用jQuery的 `scroll()` 方法来区分横向和纵向滚动条。 首先,我们要明白 `scrollLeft` 和...

    h5实现移动端横向滚动tab,并响应内容

    在移动Web开发中,创建一个具有横向滚动Tab的界面是一个常见的需求,这通常用于展示多个类别或选项,而有限的屏幕空间无法垂直排列所有内容。本文将深入探讨如何使用HTML5技术来实现移动端的横向滚动Tab,并且这些...

    ios-横向滚动和总想你滚动.zip

    实现纵向滚动的关键在于设置contentSize的height值大于视图的高度。 3. 使用控制器管理滚动视图 在这个项目中,可能使用了UIViewController或者UITableViewController来管理这些滚动视图。UIViewController可以...

    易语言API滚动条操作

    描述中的关键词如“消息钩子”、“置横向滚动条”、“置纵向滚动条”以及“显示滚动条_”等都是与滚动条操作相关的技术点。 1. **消息钩子**:消息钩子是Windows API中的一种机制,允许程序监视系统或特定线程的...

    获取鼠标在页面上的位置(包括滚动条)

    ### 获取鼠标在页面上的位置(包括滚动条) #### 概述 在网页开发过程中,有时候我们需要获取用户鼠标在页面上的具体位置,特别是当页面存在滚动条时,这将有助于实现某些交互功能,如动态提示、点击反馈等。本文...

    横向tableView嵌套纵向tableView

    在iOS开发中,UI设计时常会使用到复合型的表格视图,比如横向TableView嵌套纵向TableView的布局,这种设计可以实现丰富的交互效果,通常用于展示多级分类的数据。本篇将详细介绍如何实现这种嵌套结构,并重点讨论...

    js 无缝滚动,鼠标放上去暂停代码

    // 速度值,数值越小速度越快 var nnn = 200 / demo1.offsetHeight; // 复制内容以确保滚动平滑 for (let i = 0; i ; i++) { demo1.innerHTML += " " + demo1.innerHTML; } demo2.innerHTML = demo1....

    js获取元素到文档区域document的(横向、纵向)坐标的两种方法

    为了实现这一点,JavaScript提供了多种方法来获取元素相对于文档顶部的位置,具体来讲就是获取元素的横向和纵向坐标。文章总结了两种常用方法,分别是通过offsetParent属性和getBoundingClientRect()方法。 首先,...

    PB 纵向显示N-UP类型的数据窗口例子

    6. **处理滚动**:在纵向N-UP模式下,用户可能需要垂直滚动查看所有记录。确保数据窗口的滚动条设置正确,并且在滚动时能正确更新显示的记录。 7. **嵌入到窗口或应用**:将创建的数据窗口对象拖放到窗体或应用中,...

    小程序两种滚动公告栏的实现方法

    在编写纵向滚动公告栏的代码时,开发者需要确保滚动区域和滚动内容的布局适当,并且要合理配置滚动方向的边界值,以防止内容超出可视区域。在滚动动画的实现上,可以使用`wx.createAnimation`创建动画实例,并设置...

    JS横竖跑马灯

    3. **CSS样式控制**:为了实现横向和纵向滚动,需要通过CSS来设置元素的布局和位置。例如,使用`position: absolute`或者`position: relative`进行相对定位,通过改变`left`、`top`属性值来达到滚动效果。 4. **...

    微信小程序-微信小程序,全屏动画滚动

    `<scroll-view>`是微信小程序提供的一种可滚动视图容器,它允许开发者在一个区域内展示超过视窗高度或宽度的内容,并支持横向和纵向滚动。要创建一个全屏滚动的效果,首先需要在`app.json`或`index.json`中设置页面...

    跑马灯效果,产品滚动js效果

    4. **滚动功能**:在每次间隔触发时,更新元素的位置,可以是改变`left`或`top`值,也可以是改变CSS的`transform`属性。 5. **边界处理**:当元素即将超出可视区域时,调整其位置使其重新回到起始点,实现无限循环...

    echarts实现获取datazoom的起始值(包括x轴和y轴)

    本篇将详细介绍如何在ECharts中获取DataZoom组件对于x轴和y轴的起始值,并探讨与之相关的知识点。 首先,我们需要了解ECharts的DataZoom组件的基本概念。DataZoom是一种可交互的数据区域缩放工具,它可以为x轴或y轴...

    aso.net 下图片横行滚动的简单实现

    这种方法主要依靠DATALIST控件从数据库中获取最新图片链接地址,并通过MARQUEE控件来实现图片的滚动效果。 ### 一、DATALIST控件的妙用 #### 1.1 DATALIST简介 DATALIST是ASP.NET中一个非常强大的数据绑定控件,...

    JS JQUERY实现滚动条自动滚到底的方法

    第二个参数`h`代表y坐标,即纵向滚动到的高度,此处设置为之前获取到的滚动高度值。 3. `window.onload`是JavaScript中一个事件属性,它会在页面加载完成时触发,因此放置在其中的代码会在页面加载完成之后执行。 ...

    易语言滚动条经典案例调色板小程序

    滚动条通常有两个方向,横向和纵向,对应的事件分别是“横向滚动条位置被改变事件”和“纵向滚动条位置被改变事件”。 易语言的“位置被改变事件”是滚动条控件的一个关键事件。当用户在滚动条上进行拖动操作时,该...

    RecycleScroller:vue大数据滚动组件

    demo 在线demo: 博客链接: 组件参数: 参数 说明 类型 必填 默认值 list 需要渲染的数据 ...数组的唯一标识字段,可以很大程度提升渲染性能 ...通过改变recycle-scroller-wrapper的纵向偏移量(translateY的值

    uni-app自定义组件之菜单左右滑动并点击切换选中居中显示.zip

    `uiscrollview`是uni-app提供的一种滚动视图容器,用于展示超过视窗大小的内容,支持横向和纵向滚动。在这个场景中,我们利用`uiscrollview`的横向滚动特性,实现菜单项的左右滑动浏览。 要计算每个子元素的宽度,...

Global site tag (gtag.js) - Google Analytics