溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

mcustomscrollbar 觸發(fā)事件

發(fā)布時(shí)間:2020-05-15 09:37:49 來源:億速云 閱讀:573 作者:Leah 欄目:web開發(fā)

本篇文章展示了自定義滾動(dòng)條mcustomscrollbar的示例代碼,代碼簡(jiǎn)明扼要容易理解,如果在日常工作遇到這個(gè)疑問。希望大家通過這篇文章,找到解決疑問的辦法。

function getMousePos(event) {  //獲取鼠標(biāo)點(diǎn)擊時(shí)的坐標(biāo)
   /*
     var e = event || window.event;
    var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
    var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
    var x = e.pageX || e.clientX + scrollX;
    var y = e.pageY || e.clientY + scrollY;
    */
   var x =event.clientX ;
   return { 'x': x };
}

var mouseX = getMousePos(e).x ;  // e -> 鼠標(biāo)點(diǎn)擊事件
var mouseX2 =Math.round(mouseX/2)
console.log(mouseX2);
$("#tree").mCustomScrollbar("scrollTo",mouseX2); 
// scrollTo -> 設(shè)置滾動(dòng)條滾動(dòng)到指定的坐標(biāo),此處若X、Y都有,則同時(shí)滾動(dòng)。。bug?

以上就是自定義滾動(dòng)條mcustomscrollbar的內(nèi)容,代碼示例簡(jiǎn)單明了,如果在日常工作遇到此問題。通過這篇文章,希望你能有所收獲,更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI