jQuery
提供的
scrollTop()
方法，可以用来返回或设置匹配元素的滚动条的垂直位置。通过这个方法，配合获取到的
scrollHeight
。我们可以将一个元素的滚动条移动到最底部。或者将整个页面滚动到最底部。
1，效果图
点击“移动到最底部”按钮后，上方的div就会将滚动条移动到最下面。
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn1").click(function(){
var scrollHeight = $('#div1').prop("scrollHeight");
$('#div1').scrollTop(scrollHeight,200);
</script>
</head>
<div id="div1" style="border:1px solid black;width:200px;height:200px;overflow:auto">
第1行<br>第2行<br>第3行<br>第4行<br>第5行<br>
第6行<br>第7行<br>第8行<br>第9行<br>第10行<br>
第11行<br>第12行<br>第13行<br>第14行<br>第15行<br>
第16行<br>第17行<br>第18行<br>第19行<br>第20行
<button id="btn1">移动到最底部</button>
</body>
</html>
原文出自：www.hangge.com 转载请保留原文链接：http://www.hangge.com/blog/cache/detail_1360.html
3，添加过渡动画
上面样例点击按钮后，滚动条位置直接改变，会显得很生硬。我们可以使用
animate()
方法给其添加个滚动过渡的动画效果。
将按钮点击的相关代码改成如下。点击后，上面的
会逐渐滚动，直至移动到最底部（整个过程
$("#btn1").click(function(){
var scrollHeight = $('#div1').prop("scrollHeight");
$('#div1').animate({scrollTop:scrollHeight}, 400);
jQuery 提供的 scrollTop() 方法，可以用来返回或设置匹配元素的滚动条的垂直位置。通过这个方法，配合获取到的 scrollHeight。我们可以将一个元素的滚动条移动到最底部。或者将整个页面滚动到最底部。1，效果图点击“移动到最底部”按钮后，上方的div就会将滚动条移动到最下面。2，样例代码&lt;html&gt;&lt;head&gt;&lt;script type="tex...
jQuery获取位置和尺寸相关函数：
$(document).height() 获取整个页面的高度
$(window).height() 获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变，与document是不一样的
scrollTop() 获取匹配元素相对滚动条顶部的偏移。
scrollLeft() 获取匹配元素相对滚动条左侧的偏移。
scroll([[data],fn]) 当滚动条发生变化时触犯scroll事件
jQuery检测滚动条到达底部代码：
$(docum
this.$nextTick(() => {
//要滑动的高度= 当前dom的滑动高度 - 当前窗口可视区域高度
var height = $("#scrollBox")[0].scrollHeight - $(window).height();
$("#scrollBox").scrollTop(height)
本文章向码农介绍jquery如何判断滚动条滚到页面底部并执行事件。首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。
首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。
clientHeight：这个元素的高度，占用整个空间的高度，所以，如果一个div有滚动条，那个这个高度则是不包括滚动条没显示出来的下面部分的内容。而只是单纯的DIV的高度。
offsetHeight：是指元素内容的高度。依照上面的，那这个高度呢就是DIV内部的高度，包括可见部分及以滚动条下面的不可见部分。
scroll
Jquery实现滚动到底部下一页，滚动到顶部上一页的
1.前情提要：
项目中用了scrollBar.js设置滚动条样式，并在callback回调函数中实现获取下一页数据。
但是，现在滚动到顶部想获取上一页的数据，该怎么做呢？
2.思路：
思路很简单，滚动到顶部，获取上一页数据；滚动到底部，获取下一页数据
3.预研难点
1）DOM 有scrollTop 但没有scrollBottom；
2）获取新数据后，滚动条一直处于底部，会多次调接口
1）定义数据
page:1, // 分页
limit:10,
相信大家有时候在展示一些实时数据展示并且数据量非常大的时候，由于无法在同一页面看到最有效的数据，所以我们须要将滚动栏至于底部。以便我们看到最须要的数据和信息。这里非常明显的样例那拿windows的ping来说吧，当我们长ping的时候，这时候数据会越来越多，并且还是累加的，新数据又所有在后面，所以这个时候让滚动栏一直处于底部就大有作为了！
大伙能够看一下，在windows的cmd中运行p...
可以使用 jQuery 的 `mousewheel` 插件来实现鼠标滚轮控制横向滚动条的滚动。
首先，需要在页面中引入 `jquery.mousewheel.js` 文件：
```html
<script src="/path/to/jquery.mousewheel.js"></script>
然后，可以通过以下方式来使用 `mousewheel` 插件：
```javascript
$(selector).mousewheel(function(event, delta, deltaX, deltaY) {
// 处理滚轮事件
其中，`selector` 是要绑定滚轮事件的元素的选择器，`deltaX` 变量表示横向滚动的距离，当鼠标滚轮向左滚动时，`deltaX` 为负数；当鼠标滚轮向右滚动时，`deltaX` 为正数。
例如，下面的代码可以使用鼠标滚轮向左或向右滚动一个横向滚动条：
```javascript
$('#scrollbar').mousewheel(function(event, delta, deltaX, deltaY) {
// 将滚动条向左或向右滚动一段距离
$('#scrollbar').scrollLeft($('#scrollbar').scrollLeft() - deltaX);
希望这能帮到你！
