首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。clientHeight：这个元素的高度，占用整个空间的高度，所以，如果一个div有滚动条，那个这个高度则是不包括滚动条没显示出来的下面部分的内容。而只是单纯的DIV的高度。offsetHeigh...
分类：
Web程序 时间：
2015-05-19 12:48:28
阅读次数：
145
Web页面常常比显示该页面的浏览器窗口还要大，因为Web文档具有很多内容，往往会导致页面比浏览器还要高，有时候甚至还要宽，这迫使访问者通过滚动来查看整个页面（如图10-8所示）。当访问者滚动页面的时候，一部分文档会从视线中消失。例如，Web页面不能完全放入浏览器窗口中，文档会向左或向上滚动，因此，页...
分类：
Web程序 时间：
2015-05-19 00:42:58
阅读次数：
203
/************************瀑布流**********************************//*滚动条在Y轴上的滚动距离*/function ScrollTop(){ var scrollTop = 0, bodyScrollTop = 0, document...
分类：
Web程序 时间：
2015-05-18 16:30:39
阅读次数：
138
//jquery$(document).ready(function(){ $(window).scroll(function() { $(this).scrollTop() > 10 ? $("#login-bar").slideUp(100):...
分类：
编程语言 时间：
2015-05-18 12:18:10
阅读次数：
115
/*滚动条在Y轴上的滚动距离*/function ScrollTop(){ var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0; if (document.body) { bodyScrollTop ...
分类：
Web程序 时间：
2015-05-18 12:15:01
阅读次数：
100
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidthscrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内...
分类：
Web程序 时间：
2015-05-12 20:41:46
阅读次数：
109
$(function () { $(".sticky").hide(); var top = $(window).scrollTop(); if (top >= 100) { $(".sticky").show(); }...
分类：
Web程序 时间：
2015-05-12 13:12:56
阅读次数：
155
常用JS图片滚动（无缝、平滑、上下左右滚动）代码大全innerHTML: 设置或获取位于对象起始和结束标签内的 HTMLscrollHeight: 获取对象的滚动高度。scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop: 设置或获...
分类：
Web程序 时间：
2015-05-11 14:22:18
阅读次数：
110
虽然工作中今天没有用到，但是为了学习；态度决定一切！原理： 1.获取当前img URL地址 2.在img中设置DATA-url（自定义属性），为了存放真是图片地址； 3.判断窗口至上往下的位置（这里要注意$(window).height()和$(window).scrollTop()） 4....
分类：
其他好文 时间：
2015-05-07 18:21:31
阅读次数：
124
$(window).scroll(function(){ var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if...
分类：
其他好文 时间：
2015-05-07 15:57:38
阅读次数：
122
