近日要做一个页面功能,需要检测某个页面元素是否位于当前屏幕中的可视区域,首先想到的当然是获取offsetLeft和offsetTop,将这个值分别与body.scrollTop/scrollLeft进行比较,得出元素是否可视。这次查资料时偶然看到了getBoundingClientRect();该方...
分类:
其他好文 时间:
2015-09-23 08:56:36
阅读次数:
185
// var wh = $(window).height(),//是文档窗口高度// ot = $("#icoimg").offset().top,//是标签距离顶部高度// ds = $(document.documentElement).scrollTop();//是滚动条高度...
分类:
其他好文 时间:
2015-09-21 13:53:45
阅读次数:
121
http://www.jb51.net/article/21168.htm页面具有 DTD(或者说指定了 DOCTYPE)时,使用 document.documentElement。做页面的时候可能会用到位置固定的层,读取 document.body.scrollTop 来设置层的位置,像这样:w...
分类:
其他好文 时间:
2015-09-20 20:33:25
阅读次数:
99
1》全局控制//向上滑动显示 var initTop = 0; var i = 1; $(window).scroll(function(){ var scrollTop = $(document).scrollTop(); ...
分类:
Web程序 时间:
2015-09-17 14:58:01
阅读次数:
155
当要做一些与位置相关的插件或效果的时候,像top、clientTop、scrollTop、offsetTop、scrollHeight、clientHeight、offsetParent。。。看到这么多单词,而且长得那么像,是不是懵X了!第一次看到这图,说实话有点被吓到。。。============...
分类:
Web程序 时间:
2015-09-15 19:50:05
阅读次数:
121
页首固定导航条#topNav {position:fixed;top:0;_ position:absolute;_top:expression_r(eval_r(document.documentElement.scrollTop));overflow:auto;z-index:9999;}页尾固...
分类:
其他好文 时间:
2015-09-14 22:44:18
阅读次数:
283
判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop、clientHeight、scrollHeight。scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。scrollHeight为内容可视区域的高度加上溢出(滚动)的距离。从这个三个属性的介绍...
分类:
Web程序 时间:
2015-09-10 12:31:41
阅读次数:
201
点击返回顶部,三种方法1、这个方法jQuery使用正常,zepto使用没有动画//zepto没有动画$("body").animate({scrollTop: 0}, 500)//zepto使用$("body").scrollTop(0);2、这个方法jQuery使用正常,zepto使用没有动画wi...
分类:
移动开发 时间:
2015-09-09 19:15:19
阅读次数:
2186
滚动条滚动到50后:html部分:js部分:$(document).ready(function(){ $(window).scroll(function() { if ($(window).scrollTop() > 50) { //滚动条滚动到50的时候出现“返回顶部”...
分类:
微信 时间:
2015-09-07 11:00:43
阅读次数:
507
if ($(document).scrollTop() != 0) { //刷新之后,回到顶部 $('body,html').animate({ scrollTop: 0 }, 500); }
分类:
Web程序 时间:
2015-09-04 18:30:21
阅读次数:
140