滑鼠橫線滾動

2021-06-28 23:42:56 字數 657 閱讀 6727

(function() else

//處理mousewheel事件的資訊

function scroll (event)

//firefox用detail反映滾動方向,而且方向和其他瀏覽器相反。其他瀏覽器用wheeldelta

var direction = event.wheeldelta || -event.detail; 

//保證滾動到頭的時候不再呼叫update函式

if (scrollleft <= 0 && direction > 0)

if (scrollleft >= docwidth && direction < 0)

//根據滑鼠滾動的方向確定是往左還是往右移動

var distance = direction > 0? -stepsize : stepsize;

update(distance);

}//滾動

function update (distance)  

html, body

方法2 

html

<divstyle="width: 5000px;">test

滑鼠橫向滾動條 和 滑鼠滾動方向

阻止滑鼠滾動影響縱向滾動條的行為 找到影響滾動條的容器的 scrollleft 屬性為 根據滑鼠的滾輪方向,決定滾動條是向左還是向右滾動 lang en charset utf 8 name viewport content width device width,initial scale 1.0 ...

滑鼠控制滾動條滾動

當在做帶 的專案時候會發現有乙個問題,那就是如果列數過多的話閱讀起來很不方便,通常列數多到超過視窗,我們會設定橫向滾動條來隱藏多餘的列數,如下圖 但這隨著行數的增加就又出現乙個問題那就是要控制橫向滾動條就得將頁面移動到最底才能看到滾動條,這讓我們的需要不斷地移動頁面來達到控制滾動條的效果 為了解決這...

js滑鼠滾動事件

其中經我測試,ie opera屬於同一型別,使用attachevent即可新增滾輪事件。ie註冊事件 if document.attachevent firefox使用addeventlistener新增滾輪事件 firefox註冊事件 if document.addeventlistener sa...