- 浏览: 3291866 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (567)
- Web前端-html/表单 (19)
- Web前端-CSS (24)
- Web前端-CSS框架 (4)
- Web前端-JS语言核心 (50)
- Web前端-JS客户端 (26)
- nodejs生态+grunt (10)
- seajs和requirejs (9)
- backbone等框架 (7)
- 模板基础 (7)
- Web前端-deps(不改动) (6)
- Web前端-component (10)
- Web前端-jquery-plugin (13)
- 浏览器兼容性 (6)
- Web前端-使用jQuery (25)
- Web前端-使用jqueryui (6)
- Web前端-性能优化 (3)
- Web协议-HTTP (6)
- ExtJS (13)
- PHP (22)
- PHP面向对象 (4)
- PHP扩展-SOAP (6)
- PHP扩展-curl (4)
- PHP与HTML(导出) (5)
- PHP扩展-综合 (7)
- mysql基础应用 (18)
- 技术心情 (18)
- 算法和面试题 (17)
- 工具(开发)使用 (36)
- memcached原理 (2)
- session和cookie (4)
- UML (2)
- Web前端_FusionCharts (5)
- Web前端_Flex (4)
- Web前端_JSP (3)
- JavaSE (10)
- JavaEE (4)
- tomcat (2)
- Servlet开发 (3)
- Spring开发 (1)
- REST相关 (2)
- 大访问量、高并发 (2)
- 网络编程 (1)
- YII (21)
- linux命令和内核 (12)
- yii与数据库 (10)
- yii与表单 (12)
- yii view层 (1)
- perl (7)
- yii扩展 (7)
- shell (4)
- photoshop (7)
- 视觉设计 (2)
- 我关注的名人在路上 (4)
- 1-自学能力 (1)
- 2-人际沟通能力 (3)
- 3-职业规划能力 (7)
- 4-项目管理能力 (2)
- python (3)
- django (4)
- Mysql高级应用 (6)
- prototype.js (4)
- Web系统安全 (1)
- Web前端-mobile (2)
- egret (6)
- jQuery源码分析 (5)
- fis (4)
最新评论
-
yzq21056563:
感谢作者分享~请教下,http://www.lisa33xia ...
CSS基础:text-overflow:ellipsis溢出文本 -
u012206458:
$.ajax的error,complete,success方法 -
DEMONU:
谢谢,虽然不能给你赞助,但是要给你顶
mysql中key 、primary key 、unique key 与index区别 -
njupt_tolmes:
阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿滕庆亚 ...
CSS基础:text-overflow:ellipsis溢出文本 -
zenmshuo:
用过SpreadJS,也包含数据可视化的图表
推荐几个web中常用js图表插件
作者:zccst
有时候需要用到,判断页面是向上还是向下滚动了,兼容比较低版本的浏览器如IE6、7等。
原理:拿当前的scrollTop和之前的scrollTop对比
如果变大了,表示向下滚动(scrollTop值变大);
如果变小了,表示向上滚动(scrollTop值变小)。
难点是理解setTimeout=0时的运行机制。
查看demo页:
http://www.uiej.com/demo/demo1171.html
setTimeout=0时的运行机制:
有时候需要用到,判断页面是向上还是向下滚动了,兼容比较低版本的浏览器如IE6、7等。
原理:拿当前的scrollTop和之前的scrollTop对比
如果变大了,表示向下滚动(scrollTop值变大);
如果变小了,表示向上滚动(scrollTop值变小)。
难点是理解setTimeout=0时的运行机制。
$(document).ready(function(){ var p=0,t=0; $(window).scroll(function(e){ p = $(this).scrollTop(); if(t<=p){//下滚 ....... } else{//上滚 ....... } setTimeout(function(){t = p;},0); }); });
查看demo页:
http://www.uiej.com/demo/demo1171.html
setTimeout=0时的运行机制:
发表评论
-
js浏览器端判断当期是否在线
2015-04-17 20:50 2335作者:zccst 纯浏览器端解决办法就是轮询,img轮询和a ... -
[BOM]navigator知识点
2015-03-20 14:42 4815作者:zccst 历史 最早的时候有一个浏览器叫NCSA ... -
[html5]navigator.online属性检测用户是否在线
2015-03-20 14:11 5273作者:zccst navigator.online属性检测用 ... -
document.body、document.documentElement和window获取视窗大小的区别
2015-03-04 15:12 27546作者:zccst 参考网址:http://www.ido32 ... -
Document,Node,Element,HTMLDocument ,HTMLCollection,HTMLElement,NodeList
2015-01-05 15:38 7525作者:zccst 这个问题如 ... -
doctype和compatModel相关
2015-01-04 19:30 678作者:zccst 一、doctype 1,严格模式与混杂模 ... -
window.history
2014-12-23 10:37 9990作者:zccst 旧版: f ... -
js 页面刷新location.reload和location.replace的区别小结
2014-12-02 20:57 129477作者:zccst reload 方法,该方法强迫浏览器刷新当 ... -
又一次掉进encodeURIComponent的坑里了
2014-11-05 18:21 22401作者:zccst 原坑: get请求 ajax.get ( ... -
DOM元素在浏览器中的位置参数,如offset,ownerDocument
2014-10-08 17:07 4212作者:zccst 2014-10-21 区分clientX ... -
js跨域的多种解决办法
2014-09-20 09:41 897作者:zccst 2015-3-11 JavaScript ... -
[Event]事件(高程版)(二)事件处理程序
2014-06-17 18:00 729作者:zccst <input type=" ... -
[Event]事件(高程版)(一)事件类型
2014-06-17 17:59 667作者:zccst 一、UI事件 1,load 两种添加方式 ... -
target与currentTarget的区别(jqueryui方式获取z-Index)
2014-06-17 12:00 15876作者:zccst 2014-6-25 今天看了jQuery ... -
JSONP原理及实现
2014-06-09 16:47 12286作者:zccst 2015-04-30 更新 跨域实现的 ... -
事件基础(高程版)
2014-06-09 16:37 980作者:zccst 2014-5-4 一、事件流 标准:DOM ... -
DOM0-节点关系,节点操作API
2014-06-09 15:29 913作者:zccst 2014-09-20 补 ... -
document操作iframe
2013-12-13 16:26 1220作者:zccst //在iframe内获取父页面节点 win ... -
js-location对象
2013-12-11 17:05 1460zccst总结 2015-04-14 获取location的 ... -
document.body.scrollTop和document.documentElement.scrollTop
2013-09-14 14:44 1330作者:zccst 网页可见区域宽: document.bo ...
相关推荐
//定义默认的向上滚与向下滚的边界 [removed] = [removed] = function(){ var oScrollTop=$(window).scrollTop(); if ( oScrollTop > 80) { //write your code } if ( oScrollTop < 80) { //write your ...
主要介绍了vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起...
如果向下滚动,则隐藏导航栏和排序bar,使表格全屏显示。 参考了YIFullScreenScroll的实现,但是这个有一个问题,就是很难加上排序bar的隐藏和显示。而且有很多bug,比如在导航栏未全部显示时导航到另个界面,则...
js文字滚动插件制作scroll文字自动滚动,设置新闻公告列表文字向上间歇滚动与文字向下间歇滚动。
滚动事件的Angular指令实用程序库添加了对scroll-up和scroll-down事件的支持安装使用npm或yarn... module ( 'myApp' , [ 'g1b.scroll-events' , ...] ) 在视图中使用“向上滚动”和/或“向下滚动”指令< div scro
向下滚动页面时将播放视频元素的jQuery插件。 向下滚动播放视频。 向上滚动可倒带视频。 灵感 安装 使用凉亭: bower install play-on-scroll 在jQuery之后将脚本附加到页面 [removed][removed] 要使插件正常...
禁止鼠标控制暂停或滚动 鼠标悬停滚动 文字翻屏滚动 文字间歇滚动 向/上/下/左/右/翻屏滚动 向上/下连续滚动 向上/下间歇滚动 .....
使您的组件(例如消息框)向下滚动 现场演示 您可以在此处看到最简单的演示: 安装 $ npm install --save react-stay-scrolled 例子 运行示例: $ cd examples $ npm install $ npm start 用法 import React , { ...
jquery-scrolla是一款页面滚动触发动画插件。jquery-scrolla插件可以在页面向下或向上滚动时,进入视口的元素会触发指定的CSS3动画。它和animate.css完美结合,可以执行animate.css中的任何CSS3动画效果。
$(“.content”).easysroll({ //默认配置参数 direction: “left”, //滚动方向 left(向左)right(向右) top(向上) bottom(向下) 默认left numberr: “1”, //每一次滚动数量 默认是1 delays:”1000″,//完成一次...
jquery-scrolla是一款页面滚动触发动画插件。jquery-scrolla插件可以在页面向下或向上滚动时,进入视口的元素会触发指定的CSS3动画。它和animate.css完美结合,可以执行animate.css中的任何CSS3动画效果。
用户看不见的其他数据集元素将使用向上和向下的空白填充元素虚拟化,这些元素应提供具有一致滚动条参数的一致视口。 * uiScroll是一个结构指令,其作用类似于* ngFor,并且对集合中的每个项目渲染一次模板化元素。...
[removed] iens6=document.all||document.getElementById ns4=document.layers //specify speed of scroll (greater=faster) var speed=10 if (iens6){ [removed](‘”container” style>’) document.wr
简洁易懂的代码,实现了图片或是文字向各个方面滚动的效果,有从右向左滚动,从左向右滚动,从上向下滚动及从下向上滚动。 整理后的代码只需求更改scroll.js中的speed值就可以轻松实现不同速度的滚动.
编辑第17行,以便在用户向下滚动时应用所需的动作,功能,样式等。建于JavaScript作者阿什莉·哈特(Ashley Hartt) :bust_in_silhouette:执照此项目已获得MIT许可证的许可-有关详细信息,请参阅文件。致谢
用例示例包括在用户滚动到新部分时淡入/向上滑动文本,或者在元素向下滚动时使元素变粘。 两者都可以在示例项目页面上看到: : 安装 simple-scroll-hook可以用作: [removed]标记,创建一个window.scrollHook...
向下滚动,背景模糊变暗;向上滚动,背景模糊程度减淡,亮度提高。 自定义着色 动画效果 长度可变的滚动 测试环境:Xcode 5.0,iOS 7.0以上 ANBlurredTableView is a simple UITableView subclass for blurring and...
go down scroll down或scroll down =>向下滚动 go to half =>滚动到页面的一半 scroll to top或go to top或go top =>转到顶部 scroll to bottom或go to bottom或go bottom =>转到底部 一些自定义命令: 6. scroll to...
向上滚动到上一个标签,向下滚动到下一个标签。当用户按住Ctrl和Shift按钮,然后按下PageUp或PageDown按钮时,选项卡将沿其方向移动其位置 PageUp到上一个选项卡,PageDown到下一个选项卡。当用户按住Ctrl和Shift...
/*MSClass (Class Of Marquee Scroll通用不... + 向下、向右滚动 + 开始等待时间 + 连续滚动 * 调整时间单位 * 滚动误差 * 随机死循环 * 加强性能 * 程序优化 0.8.060829 翻屏不间断向上、向左滚动