1. 右侧底部悬浮框运行效果图: [http://runjs.cn/code/zvjocat0]要点：oDiv.style.top=document.documentElement.clientHeight-oDiv.offsetHeight+scrollTop;2. 右侧中部悬浮框运行效果图：[h...
分类：
其他好文 时间：
2015-06-06 11:48:01
阅读次数：
88
鼠标点击滚动锚点//滚动锚点$('.menus-c ul li a').click(function(){ //alert(); $('html, body').animate({ scrollTop: $( $.attr(this, 'href') ).offset()....
分类：
其他好文 时间：
2015-06-04 19:18:07
阅读次数：
141
当拖动滚动条时，自动加载内容
1. 首先计算li的总数
2. 计算每一行显示的li的数量
3. 计算li自身的高度
4. 计算li的margin-bottom高度
///////////要实现的效果，当滚动条向下滚动到快接近底部时，自动加载内容
首先计算滚动条的scrollTop，即距离滚动条顶部的距离,计为scroll_top
其次，计算出接近滚动条底部的距离，计为scroll_h...
分类：
Web程序 时间：
2015-06-03 21:34:25
阅读次数：
158
回到顶部 回到底部
回到顶部的俩种方式
一、使用js
$('html, body').animate({ scrollTop: 0 }, 'fast');//带动画
$('html,body').scrollTop(0); //不带动画
$(window).scroll(function () {
//You'v...
分类：
Web程序 时间：
2015-06-03 17:46:01
阅读次数：
566
$("#content").append('' + data.msg + ''+.'');$('#content').attr({ scrollTop: $('#content').attr('scrollHeight') });//jQuery版本1.6+时，用prop()方法代替attr()方法...
分类：
Web程序 时间：
2015-05-28 17:36:51
阅读次数：
131
在chrome中使用body滚动：$("body").animate({"scrollTop":200},600)但是在firefox中却要使用html：$("html").animate({"scrollTop":200},600)综合一下，这样就都可以滚动了（其他浏览器也没问题）：$("html...
分类：
其他好文 时间：
2015-05-27 20:40:49
阅读次数：
116
javascript中制作滚动代码的常用属性页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： docum...
分类：
Web程序 时间：
2015-05-26 15:51:08
阅读次数：
236
//获取滚动条到顶部的垂直高度 $(document).scrollTop(); //获取滚动条到左边的垂直宽度 $(document).scrollLeft(); function clickFn(){ var topL0 = $("#l0").offset().top; ...
分类：
Web程序 时间：
2015-05-26 11:57:28
阅读次数：
305
$("XX").click(function(){$(body).animate({scrollTop:0});})
分类：
Web程序 时间：
2015-05-25 16:23:44
阅读次数：
118
$(window).scroll(function(){ //var top = $(this).scrollTop(); //这里用top值来判断与window顶部的距离，用来实现加载到某一固定的位置来显示某一元素的方法});
分类：
Web程序 时间：
2015-05-21 18:49:09
阅读次数：
117
