jquery滑动鼠标获取滚动条离顶端的距离_框架

<!DOCTYPE html>

<html>

<head>

<title>testjQuery</title>

<style>

body{

height: 1111px;

}

</style>

$(window)scroll(function ()

{

var st = $(this)scrollTop();

consolelog(st);

});

</script>

</head>

<body>

</body>

</html>

看明白了吗？？

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

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

$(document)height() //是获取整个页面的高度

$(window)height() //是获取当前也就是你浏览器所能看到的页面的那部分的高度这个大小在你缩放浏览器窗口大小时会改变与document是不一样的根据英文应该也能理解吧

其实你可以自己做个实验就知道了

$(document)scroll(function(){

Jquery可以用height(),来获取DOM元素的高。示例如下：

1、jQuery Screw

Screw (scroll + view) 是一个 jQuery 插件当用户滚动页面的时候加载内容，是一个无限滚动翻页的插件。

插件地址：>

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。

2、在indexhtml中的<script>标签，输入jquery代码：

var container = $('body');

var scrollTo = $('#scroll');

containerscrollTop(

scrollTooffset()top - containeroffset()top + containerscrollTop()

);

containeranimate({

scrollTop: scrollTooffset()top - containeroffset()top + containerscrollTop()

});

3、浏览器运行indexhtml页面，此时刷新页面会自动滑动到指定位置。

以上就是关于jquery滑动鼠标获取滚动条离顶端的距离全部的内容，包括:jquery滑动鼠标获取滚动条离顶端的距离、jquery 滚动条滚回顶部是怎么判断的、jquery如何获取DIV包含滚动条在内的高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

jquery滑动鼠标获取滚动条离顶端的距离