滚动条判断是否滑动到顶部底部

    /**
* [滚动条]
*/
$(window).scroll(function() {
var scrollTop = $(this).scrollTop(); // 滚动条距离顶部的高度
console.log("滚动条距离顶部的高度-->"   scrollTop);
var scrollHeight = $(document).height(); // 当前页面的总高度
console.log("当前页面的总高度-->"   scrollHeight);
var clientHeight = $(this).height(); // 当前可视的页面高度
console.log("当前可视的页面高度-->"   clientHeight);
if (scrollTop   clientHeight >= scrollHeight) { // 距离顶部高度 可视高度 >= 文档总高度 即代表滑动到底部
// code...
alert('已经到底了！');
} else if (scrollTop <= 0) {
// code...
alert('已经到顶了！');
}
});

更多专业前端知识，请上【猿2048】www.mk2048.com

滚动条判断是否滑动到顶部底部相关推荐

笔记5 | 监听scroollview、listview、gridview页面滑动，判断是否滑动到顶部以及底部...
地址 CSDN 地址:http://blog.csdn.net/xiangyong_1521/article/details/50957563 scroollview.listview.gridvie ...
recyclerview滑动到顶部和底部监听+上滑下滑监听
到达顶部和底部监听判断是否滑动到底部, recyclerView.canScrollVertically(1);返回false表示不能往上滑动,即代表到底部了: 判断是否滑动到顶部, recycle ...
android列表滑到底部,Android中判断listview是否滑动到顶部和底部的实现方法
今天实现listview的下拉刷新和上拉加载的时候,遇到了一个问题,*就是说需要根据listview中滑动的位置来进行下拉刷新和上拉加载.* 具体点,只有当我的listview滑动到最顶部的时候,这时 ...
RecyclerView 判断滑动到顶部和底部
可以使用系统提供的 canScrollVertically 方法来判断具体如下 recycler_view.addOnScrollListener(new RecyclerView.OnScroll ...
去除listView和recyclerview滑动到顶部和底部边界的阴影
xml增加: android:overScrollMode="never" 去除ListView滑到顶部和底部时边缘的黑色阴影: android:fadingEdge=" ...
javaScript实现顶部通栏：往下滑动到距离顶部一定距离，顶部通栏消失；再往上滑动到距离顶部一定距离，顶部通栏再次出现；滚动条往上滑动也会出现（注意CSS样式中的渐变设置）
注意: 往下滑动到距离顶部一定距离,顶部通栏消失:再往上滑动到距离顶部一定距离,顶部通栏再次出现:该效果的关键点是比较当前滑动距离和自己设置的top值滚动条往上滑动也会出现:该效果的关键点时比较上次 ...
android 标题栏颜色渐变和阴影，ScrollView上下滑动监听，及判断scrollView是否滚动到底部
1.创建 ScrollListener 接口监听滑动距离 public interface ScrollListener {void onScrollChanged(ScrollListenerVi ...
js获取滚动条距离浏览器顶部,底部的高度,兼容ie和firefox
做web开发经常会碰到需要获取浏览器的滚动条与顶部和底部的距离,然后做相应的处理动作.下面作者就如何通过js来获取浏览器滚动条距离浏览器顶部和底部的高度做一下分享,这个是同时兼容ie和firefox的 ...
js获取滚动条距离浏览器顶部,底部的高度
做web开发经常会碰到需要获取浏览器的滚动条与顶部和底部的距离,然后做相应的处理动作.下面作者就如何通过js来获取浏览器滚动条距离浏览器顶部和底部的高度做一下分享,这个是同时兼容ie和firefox的 ...

滚动条判断是否滑动到顶部底部

滚动条判断是否滑动到顶部底部相关推荐

最新文章

热门文章