判断滚动条的滚动方向

var beforeTop = $("#table_layout").scrollTop();
var beforeLeft = $("#table_layout").scrollTop();
$("#table_layout").scroll(function () {
var afterTop = $(this).scrollTop();
var afterLeft = $(this).scrollLeft();
if (beforeTop > afterTop) {
$("#table_layout").after("上");
beforeTop = afterTop;
}
else if (beforeTop < afterTop) {
$("#table_layout").after("下");
beforeTop = afterTop;
};
if (beforeLeft > afterLeft) {
$("#table_layout").after("左");
beforeLeft = afterLeft;
}
else if (beforeLeft < afterLeft) {
$("#table_layout").after("右");
beforeLeft = afterLeft;
}
});

时间： 2024-10-12 08:22:29

判断滚动条的滚动方向的相关文章

判断滚动条是否滚动到最底端

条件: $("div")[0].scrollTop + $("div").height() == $("div")[0].scrollHeight 完整滚动事件: var nScrollHight = 0;  var nScrollTop = 0; var nDivHight = $(".div").height(); $(".div").scroll(function() {       nScrollH

DataGridView控件判断滚动条是否滚动到当前已加载的数据行底部

private void dgvLoad_Scroll(object sender, ScrollEventArgs e) { if (e.ScrollOrientation == ScrollOrientation.VerticalScroll) { if (e.NewValue + dgvLoad.DisplayedRowCount(false) == dgvLoad.Rows.Count) { MsgShow.Warning(string.Format("NewValue:{0}--Old

知识点：整个div而言如果判断滚动条滚动到底部

上篇文章解决的是整个document如果判断滚动条滚动到底部,那么对于文档中的div如果判断div元素滚动条滚动到底部呢? 针对这个问题,结合上文的思路,作者做了测试,经过几轮代码修正和迭代解决了这个问题. 代码如下: <div id="outer"> <div id="inner"> 90908080 </div> </div> <script type="text/javascript"&

知识点：整个doucument而言如果判断滚动条滚动到底部

滚动条没有实际的高度.只是为了呈现效果才在外型上面有长度. 在js当中也没有提供滚动条的高度API. 参考了网上有关资料:判断滚动条到底部的基本逻辑是滚动条滚动的高度加上视口的高度,正好是document的高度,公式表示为 滚动条滚动的高度+浏览器视口的高度>=document的高度. 参考网上资料,具体代码如下: //滚动条在Y轴上的滚动距离 function getScrollTop() { var scrollTop = 0, bodyScrollTop = 0, documentScro

【转载】UIScrollerView滚动方向判断

本文转载自Awei<UIScrollerView滚动方向判断> PushListView.h @interface PushListView : UIView<UITableViewDelegate,UITableViewDataSource { CGFloat contentOffsetY; CGFloat oldContentOffsetY; CGFloat newContentOffsetY; } ............................... PushListVi

jQuery判断滚动条是上滚还是下滚，且是否到达底部或顶部

jQuery判断滚动条是上滚还是下滚,且是否到达底部或顶部:http://www.haorooms.com/post/jquery_scroll_upanddown —————————————————————————————————————— //滚动条滚动加载更多内容   //判断滚动方向   function scroll(fn) {        var beforeScrollTop = document.body.scrollTop || document.documentElemen

html判断滚动条是否到达底部

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <

JS判断滚动条到底部

form:http://www.uphtm.com/js/269.html判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop.clientHeight.scrollHeight. scrollTop为滚动条在Y轴上的滚动距离. clientHeight为内容可视区域的高度. scrollHeight为内容可视区域的高度加上溢出(滚动)的距离. 从这个三个属性的介绍就可以看出来,滚动条到底部的条件即为scrollTop + clientHeight == scrollHeight.

Jquery判断滚动条是否到达窗口顶部和底部

<script type="text/javascript"> $(document).ready(function(){     alert($(window).height()); //浏览器时下窗口可视区域高度     alert($(document).height()); //浏览器时下窗口文档的高度     alert($(document.body).height());//浏览器时下窗口文档body的高度     alert($(document.body)