在移动web项目的开发中，遇到一个通过点击页面自动到相应的楼层处的需求，最初的想法就是使用html的target属性进行切换，但实际效果十分死板，显得毫无交互性。该前端架构采用zepto这个轻库进行开发，它具有类似jQuery的语法，之后采用了animate({scrollTop:"100px".....
分类：
其他好文 时间：
2015-08-11 11:40:14
阅读次数：
670
[示例]：function scroll_to(obj){ $('html,body').animate({scrollTop:obj.position().top},700); }以上代码会导致滚动到指定位置后，动画会因为缓动时间过长的关系被锁定不被执行，解决办法是：function scroll...
分类：
其他好文 时间：
2015-08-10 17:42:27
阅读次数：
143
jQuery动画效果animate和scrollTop结合使用实例animate是jq的一个特效的函数方法，animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。只有数字值可创建动画（比如 "...
分类：
Web程序 时间：
2015-08-10 17:30:25
阅读次数：
187
style.height
包括元素的滚动条,不包括边框clientHeight
不包括元素的滚动条和边框offsetHeight
包括元素的滚动条和边框scrollHeight
offsetHeight+scrollTop小贴士:
在IE下，创建一个oLi
li{/*不设置li的高度*/}
</style...
分类：
其他好文 时间：
2015-08-09 22:37:12
阅读次数：
233
关于实现自定义滚轮，首先要对整个布局进行了解：1、1.需要显示的层级 和 2.需要被滚动层级 的关系： 1--层级1具有 溢出隐藏 属性，目的是为了隐藏 层级2多出的部分。 2--由于在层级1的包裹之下层级2溢出隐藏部分可以通过控制层级1的scrollTop进行滚动。2、 滚动条的位置： 1-...
分类：
其他好文 时间：
2015-08-08 10:27:25
阅读次数：
321
$(function(){var nav=$(".nav"); //得到导航对象var win=$(window); //得到窗口对象var sc=$(document);//得到document文档对象。win.scroll(function(){ if(sc.scrollTop()>=60).....
分类：
Web程序 时间：
2015-08-06 20:25:34
阅读次数：
125
一、先讲一下元素的尺寸吧，这个用的很多。1 .width() .height() 获取元素的宽度，并且不含单位，相当于原生的offsetWidth,但是要注意2点 原生的结果包含单位，并且是没办法获取到隐藏元素的宽高的。2 .innerWidth() .innerHeight() // 相当于wi....
分类：
其他好文 时间：
2015-08-04 20:45:31
阅读次数：
112
//根据浏览页面的高度，显示回滚标签$(window).scroll(function () {if ($(window).scrollTop() >= ($(window).height() - 200)) {$('.top-box').fadeIn();}else {$('.top-box')....
分类：
Web程序 时间：
2015-08-04 15:02:22
阅读次数：
138
$(function() { // 居中 function center(obj) { var screenWidth = $(window).width(), screenHeight = $(window).height(); //当前浏览器窗口的 宽高 var scrolltop = $(d....
分类：
其他好文 时间：
2015-08-04 13:05:49
阅读次数：
91
$(".rankDetail").scroll(function(){?//rankDetail是大容器的class
????????var?scrollHeight?=?$(this).scrollTop();
????????var?rankListCount?=?$(".rankList").length;??//rankL...
分类：
其他好文 时间：
2015-08-03 11:43:59
阅读次数：
125
