⑴ js 判斷滑鼠滾輪滑動距離
如果使用jquery的話，可以這樣寫：
$(window).bind("scroll",function(){
vartop=$(this).scrollTop();//當前窗口的滾動距離
});如果使用原生js，可以這樣寫（摘自網上的）：
/**
*獲取<ahref="https://www..com/s?wd=%E6%BB%9A%E5%8A%A8%E6%9D%A1&tn=44039180_cpr&fenlei=-bIi4WUvYETgN-"target="_blank"class="-highlight">滾動條</a>距離頂端的距離
*@return{}支持IE6
*/
functiongetScrollTop(){
varscrollPos;
if(window.pageYOffset){
scrollPos=window.pageYOffset;}
elseif(document.compatMode&&document.compatMode!='BackCompat')
{scrollPos=document.documentElement.scrollTop;}
elseif(document.body){scrollPos=document.body.scrollTop;}
returnscrollPos;
}
⑵ JS如何判斷滑鼠滾輪事件分析
我們都見到過這些效果，用滑鼠滾輪實現某個表單內的數字增加減少操作，或者滾輪控制某個按鈕的左右，上下滾動。這些都是通過js對滑鼠滾輪的事件監聽來實現的。今天這里介紹的是一點簡單的js對於滑鼠滾輪事件的監聽。先分析原理：我們是通過判斷滑鼠滾動的獲取一個值，然後根據這個值判斷滾動的方向。然而不同瀏覽器有不同的獲取方法，所以要分瀏覽器寫方法。 不同瀏覽器不同的事件 首先，不同的瀏覽器有不同的滾輪事件。主要是有兩種，onmousewheel（firefox不支持）和DOMMouseScroll（只有firefox支持），關於這兩個事件這里不做詳述，想要了解的朋友請先去了解滑鼠滾輪(mousewheel)和DOMMouseScroll事件。過程中需要添加事件監聽：兼容firefox採用addEventListener監聽。 js返回數值判斷滾輪上下 判斷滾輪向上或向下在瀏覽器中也要考慮兼容性（IE、Opera、Safari、Firefox、Chrome）中Firefox 使用detail，其餘四類使用wheelDelta；兩者只在取值上也是不一致，但是含義一致，detail與wheelDelta只各取兩個 值，detail只取±3，wheelDelta只取±120，其中正數表示為向上，負數表示向下。 具體的代碼如下所示： <label for=wheelDelta滾動值:</label(IE/Opera)<input type=text id=wheelDelta/ <label for=detail滾動值:(Firefox)</label<input type=text id=detail/ <script type=text/javascript var scrollFunc=function(e){ e = e || window.event; var t1=document.getElementById(wheelDelta); var t2=document.getElementById(detail); if(e.wheelDelta){//IE/Opera/Chrome t1.value=e.wheelDelta; }else if(e.detail){//Firefox t2.value=e.detail;}} /*監聽事件*/
⑶ js如何取消滑鼠滾輪綁定的事件
對應的函數名是： removeEventListener
代碼回如下答
document.getElementById("contentTable").removeEventListener('DOMMouseScroll',scrollFunc);
⑷ js怎麼獲取瀏覽器的滾動條的點擊事件，就點擊滾動條（不是滾輪，是滑鼠點擊滾動條上下移動的時間）
html 的marquee 的效果 應該不是你要的
css 不知道怎麼實現
還是js比較好些 上網查下代碼吧
或者建議換種形式來做 也許會更容易些
還不錯，希望你採納。
⑸ js中滑鼠滾輪不按下只滾動怎麼捕捉這種事件
//兼容性寫法，該函數也是網上別人寫的，不過找不到出處了，蠻好的，所有我也沒有必要修改了
//判斷滑鼠滾輪滾動方向
if(window.addEventListener)//FF,火狐瀏覽器會識別該方法
window.addEventListener('DOMMouseScroll',wheel,false);
window.onmousewheel=document.onmousewheel=wheel;//W3C
//統一處理滾輪滾動事件
functionwheel(event){
vardelta=0;
if(!event)event=window.event;
if(event.wheelDelta){//IE、chrome瀏覽器使用的是wheelDelta，並且值為「正負120」
delta=event.wheelDelta/120;
if(window.opera)delta=-delta;//因為IE、chrome等向下滾動是負值，FF是正值，為了處理一致性，在此取反處理
}elseif(event.detail){//FF瀏覽器使用的是detail,其值為「正負3」
delta=-event.detail/3;
}
if(delta)
handle(delta);
}
//上下滾動時的具體處理函數
functionhandle(delta){
if(delta<0){//向下滾動
}else{//向上滾動
}
}
⑹ js怎麼給自定義滾動條加滑鼠滾動事件
//關閉滾動條，沒有滾動條就無所謂拖動滾動條了 再加上 加滾動滑鼠的事件來調整頁面就OK了 不關閉滾動條的話，倒還有種方法可行，不過拖動滾動條時頁面會閃爍，不夠完美。
⑺ 如何用JS獲取滑鼠滾動高度，再觸發相應的事件。速救！！！
$(window).scroll(function(){
//當滾動到最底部以上100像素時，載入新內容
if($(this).scrollTop()>=80){
$("div.navbar").css("position","fixed");
}else{
$("div.navbar").css("position","relative");//也可能是absolute等，反正就是你原來的值
}
if($(this).scrollTop()>=150){
$("div.log").css("position","fixed");
}else{
$("div.log").css("position","relative");//也可能是absolute等，反正就是你原來的值
}
});
//這個應該是可以的，原來的樣式是什麼樣，改回什麼樣式就可以了，我只是寫了一個例子
⑻ js中如何禁用滑鼠滾輪事件急，在線等！
如果使用的是IE直接使用下面代碼就可以了，在body的onmousewheel事件中return false
<body onmousewheel="return false;">
⑼ js,滑鼠上下滑輪或者拉動滾動條觸發事件
window.onmousewheel=function(){//觸發滾輪事件
}
window.onscroll=function(){//滾動條事件
}
//其實你的問題直接使用判斷滾動條應該就可以了，但是版如果一定要拖動滾動條才執行權事件，我們可以通過獲取滑鼠位置來模擬
vara=document.getElementsByTagName("html")[0];
window.onmousemove=function(){
//一般默認滾動條12px寬，當滑鼠位於瀏覽器窗口右邊12px內按下滑鼠可以視為拖動滾動條
if(innerWidth-event.clientX<12){
a.onmousedown=function(){
console.log(1);
}
}else{
a.onmousedown=null;
}
}