www.syrq.net > js 滑轮

js 滑轮

可通过onscroll事件触发,通过scrollTop获取滚动高度。 如: document.getElementsByTagName("body")[0].onscroll=function(){if(document.getElementsByTagName("body")[0].scrollTop>600){alert("网页太长");}}

如果使用的是IE直接使用下面代码就可以了,在body的onmousewheel事件中return false

对应的函数名是: removeEventListener 代码如下 document.getElementById("contentTable").removeEventListener('DOMMouseScroll', scrollFunc);

document.onmousedown = function(event) { console.log(event.button);}滚轮是1 如果是event.keyCode的话,输出全是0

用插件mousewheel.js实现简单些,不用考虑兼容 jQuery Mousewheel Plugin是由Brandon Aaron开发的jQuery插件,用于添加跨浏览器的鼠标滚轮支持。mousewheel事件的处理函数有一点小小的变化,它除了第一个参数event 外,还接收到第二个参数delta...

onload=function(){ var changeBG=0,scrollTop=0; //设置原始变量 setInterval(function(){ scrollTop=document.body.scrollTop if(changeBG&&scrollTop>200){ //判断是否更换了背景及滚动条是否到达指定高度 document.body.scrollTop=0; //转到...

如果页面内容超出浏览器,设置scroll就可以有滚动条了,不用jq

这个网站真特么卡(废话少说进入正题) 他的实现思路应该是利用transform、js的鼠标滚动事件和scroll相关,以下是步骤: ①onmousewheel监听到鼠标滚动,使transform的值由translate3d(0px, 0px, 0px)变为translate3d(0px, -100%, 0px),并通过tr...

每次滚动记个数。例如 window._NUM_SCROLL=0 每触发一次加1,并设置个setTimeout 超时清0. 如果 到5了,触发方法,并清0.

如果使用jquery的话,可以这样写: $(window).bind("scroll", function(){ var top = $(this).scrollTop(); // 当前窗口的滚动距离 }); 如果使用原生js,可以这样写(摘自网上的): /** * 获取滚动条距离顶端的距离 * @return {}支持IE6 */ fun...

网站地图

All rights reserved Powered by www.syrq.net

copyright ©right 2010-2021。
www.syrq.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com