当前位置:  编程技术>WEB前端

jquery 判断滚动条到达了底部和顶端的方法

    来源: 互联网  发布时间:2014-08-25

    本文导语:  代码如下:$(document).height()  //是获取整个页面的高度$(window).height()  //是获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变,与document是不一样的要获取顶端,只需要获取到scroll...

代码如下:

$(document).height()  //是获取整个页面的高度
$(window).height()  //是获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变,与document是不一样的

要获取顶端,只需要获取到scrollTop()==0的时候就是顶端;

要获取底端,只要获取scrollTop()>=$(document).height()-$(window).height()  就可以知道已经滚动到底端了;

代码如下:

$(document).scrollTop() 获取垂直滚动的距离  即当前滚动的地方的窗口顶端到整个页面顶端的距离;
$(document).scrollLeft() 这是获取水平滚动条的距离;

例子:
代码如下:

$(document).scroll(function(){
    $("#lb").text($(document).scrollTop());
})


    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • JQuery 判断某个属性是否存在hasAttr用法
  • 判断一个对象是否为jquery对象的方法
  • Jquery判断屏幕分辨率
  • jquery使用$(element).is()来判断获取的tagName
  • jquery怎么判断html元素是否存在
  • JQuery 返回布尔值Is()条件判断方法学习
  • jQuery怎么判断iframe中元素是否存在
  • jquery浏览器判断函数代码
  • jquery判断元素的子元素是否存在的示例代码
  • jquery判断浏览器后退时候弹出消息的方法
  • jQuery判断checkbox是否被选中的三种方法
  • jquery获取tagName再进行判断
  • jQuery判断元素显示与隐藏
  • jquery判断浏览器后退时弹出消息的例子
  • Jquery $.browser判断浏览器信息的方法介绍
  • jquery怎么判断元素的子元素是否存在
  • Jquery判断div是否为空以实现显示或隐藏的代码
  • jQuery 图片亮度判断插件 Background Check
  • jQuery判断checkbox是否选中的3种方法
  • jquery通过visible来判断标签是否显示或隐藏
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3