已经没有了小学生时代过目不忘的记忆力了,很多自己折腾的东西、接触的东西,短短1年之后就全然不记得了。比方说,完全记不得获取元素与页面距离的方法(getBoundingClientRect),或者是不记得现代浏览器下触发DOM自定义事件的方法(dispatchEvent). 显然,适当的温习,翻阅以....
分类:
Web程序 时间:
2015-02-15 19:19:29
阅读次数:
156
滚轮事件是不同浏览器会有一点点区别,一个像Firefox使用DOMMouseScroll ,ff也可以使用addEventListener方法绑定DomMouseScroll事件,其他的浏览器滚轮事件使用mousewheel,下面我来给大家具体介绍。Firefox使用...
分类:
Web程序 时间:
2015-02-09 10:58:27
阅读次数:
198
简单的自定义滚动条效果js源码 适合有一定基础的菜鸟 因为我也是个菜鸟 哈哈 不多说 直接奉上代码 1 2 3 4 5 鼠标滚轮滑动的——滚动条 6 14 149 150 151 152 153 154 155 1...
分类:
其他好文 时间:
2014-12-29 18:16:55
阅读次数:
376
IE、Safari、 Opera 、chrome是mousewheel事件,Firefox是DOMMouseScroll事件。事件属性方面,IE等是 event.detail,Firefox是event. wheelDelta。IE等往上滚一圈为120,往下滚一圈为-120。Firefox往上滚一圈...
分类:
其他好文 时间:
2014-12-17 20:14:52
阅读次数:
149
在html5中存在,滚轮滚动事件判断需要使用 wheel的时间,但各大版本浏览器使用的方式差异性却非常大,总体来说,目前wheel事件有3种,分别如下: onwheel,onmousewheel,DOMMouseScroll onwheel支持所有html5浏览...
分类:
Web程序 时间:
2014-11-28 12:49:45
阅读次数:
316
$(function() { // 设置每次滚动长度,单位 px var scroll_width = 100; var scroll_events = "mousewheel DOMMouseScroll MozMousePixelScroll"; $("body").on...
分类:
Web程序 时间:
2014-10-29 10:24:07
阅读次数:
789
鼠标滚轮兼容:/*事件:DOMMouseScroll(W3C)、onmousewheel(IE/Opera/ChromeS)滚轮方向判断:wheelDelta(IE/Opera/Chrome)、detail(Firefox)滚轮方向值:wheelDelta(上:120,下:-120)、detail(...
分类:
其他好文 时间:
2014-10-13 18:12:20
阅读次数:
236
1、fiefox:DOMMouseScroll detail detail*(-40)=wheelDelta 除了firefox之外:mousewheel wheelDelta值为+-120 未来浏览器:wheel deltaX deltaY delta...
分类:
其他好文 时间:
2014-09-26 00:29:07
阅读次数:
193
1.IE与chrome下:obj.onmousewheel FF下:使用 DOMMouseScroll ,注意,FF下没有obj.DOMMouseScroll 事件,必须使用addEventListener 来绑定。 //兼容写法obj.onmousewheel = fn;if(obj.addEv....
分类:
其他好文 时间:
2014-09-20 23:31:19
阅读次数:
307
FF使用DOMMouseScroll,其他浏览器都是用mousewheel
FF下有个特殊属性event.detail,表示滚动的值
event.detail
正数:向下滚动,负数:向上滚动
向上滚动一页值为-32768,向下滚动一页值为+32768,其他值代表滚动的行数, 方向代表了数值的正负号
受信任的事件是不会给detail赋值0
其他浏览器,通过event....
分类:
其他好文 时间:
2014-08-20 14:11:58
阅读次数:
168