码迷,mamicode.com
首页 >  
搜索关键字:scrolltop    ( 898个结果
判断页面元素是否进入可视区域
近日要做一个页面功能,需要检测某个页面元素是否位于当前屏幕中的可视区域,首先想到的当然是获取offsetLeft和offsetTop,将这个值分别与body.scrollTop/scrollLeft进行比较,得出元素是否可视。这次查资料时偶然看到了getBoundingClientRect();该方...
分类:其他好文   时间:2015-09-23 08:56:36    阅读次数:185
jq获取元素到底部的距离
// var wh = $(window).height(),//是文档窗口高度// ot = $("#icoimg").offset().top,//是标签距离顶部高度// ds = $(document.documentElement).scrollTop();//是滚动条高度...
分类:其他好文   时间:2015-09-21 13:53:45    阅读次数:121
document.body.scrollTop 值总为0
http://www.jb51.net/article/21168.htm页面具有 DTD(或者说指定了 DOCTYPE)时,使用 document.documentElement。做页面的时候可能会用到位置固定的层,读取 document.body.scrollTop 来设置层的位置,像这样:­w...
分类:其他好文   时间:2015-09-20 20:33:25    阅读次数:99
Js控制滚动条
1》全局控制//向上滑动显示 var initTop = 0; var i = 1; $(window).scroll(function(){ var scrollTop = $(document).scrollTop(); ...
分类:Web程序   时间:2015-09-17 14:58:01    阅读次数:155
js中的各种“位置”——“top、clientTop、scrollTop、offsetTop……”,你知道多少
当要做一些与位置相关的插件或效果的时候,像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
js判断滚动条到底部
判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop、clientHeight、scrollHeight。scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。scrollHeight为内容可视区域的高度加上溢出(滚动)的距离。从这个三个属性的介绍...
分类:Web程序   时间:2015-09-10 12:31:41    阅读次数:201
返回顶部的3中方法(解决移动端使用zepto没有滑动的效果)
点击返回顶部,三种方法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
JQuery - 点击,滚动回到顶部 / 底部刷新回到顶部
if ($(document).scrollTop() != 0) { //刷新之后,回到顶部 $('body,html').animate({ scrollTop: 0 }, 500); }
分类:Web程序   时间:2015-09-04 18:30:21    阅读次数:140
898条   上一页 1 ... 67 68 69 70 71 ... 90 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!