$(function(){ //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失 $(function () { $(window).scroll(function(){ if ($(window).scrollTop()>100){ ...
分类:
其他好文 时间:
2014-11-24 18:32:46
阅读次数:
148
本文主要从原生 JS以及jquery来说明scrollTop是如何实现的,以及一些技巧,以及在PC端和移动端使用的差异。 首先用代码表示下如何回到顶部的简单原理 1 2 3 4 5 滚动条距离 6 21 22 23 24 25 用原生如此实现在jquery中如何实现...
分类:
其他好文 时间:
2014-11-23 21:32:20
阅读次数:
187
Math.max()。作用:返回参数里的数字里最大的一个数字: Math.max(12,123,3,2,433,4); // returns 433 因为这个函数能够校验数字,并返回其中最大的一个,所以你可以用它来测试浏览器对某个特性的支持情况: var scrollTop=Mat...
分类:
编程语言 时间:
2014-11-22 17:19:56
阅读次数:
184
//返回顶部js$(window).scroll(function() { var sc = $(window).scrollTop(); //var rwidth=$(window).width() if (sc > 0) { $("#goTopBtn").css("displa...
分类:
其他好文 时间:
2014-11-19 17:58:43
阅读次数:
153
$("#toTop").bind("click",function(){
var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
if(sc...
分类:
其他好文 时间:
2014-11-19 17:40:56
阅读次数:
137
1.top 此属性仅仅在对象的定位(position)属性被设置时可用。否则,此属性设置会被忽略。 复制代码代码如下: 测试top 上面是一个段落P包含在一个DIV内,可以看到P的top设置为-5px后,它的上边距超过了容器DIV的上边距,超过的这段距离就是设置的5px。 需要注意的是,DIV和P....
分类:
其他好文 时间:
2014-11-11 18:22:48
阅读次数:
221
jQuery中只有scrollTop和scrollLeft这两个属性,没有scrollBottom和scrollRight这两个属性。但是我们有很多时候还是要用到scrollBottom,可以根据页面的各种高度高度来获取scrollBottom.$(window).height();//是文档窗口高...
分类:
其他好文 时间:
2014-11-11 15:47:59
阅读次数:
851
当你页面浏览到某个位置的时候,大部分浏览器会记录你的浏览位置,当你刷新页面后,还是会显示你刷新前看到的位置。当需要刷新后回到页面顶部的时候,你用window.onload =function(){$(window).scrollTop(0)}页面还是会在你当前显示的位置。我猜想这是浏览器最后执行的事...
分类:
其他好文 时间:
2014-11-10 13:35:56
阅读次数:
189
这个方法用的很简单,是前段时间自己写的/**o只要传给要滚动的无素id就可以了*/function g(o){o.scrollTop+=1;d=o.getElementsByTagName("li")[0].offsetHeightzlm=o.getElementsByTagName("li");i...
分类:
编程语言 时间:
2014-11-07 18:26:57
阅读次数:
244
网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth? ? ?(包括边线的宽); 网页可见区域高: document.body.offsetHeig...
分类:
编程语言 时间:
2014-11-06 17:57:31
阅读次数:
204