列表自動滾動效果,若手動滾輪,則是手動滾動效果

2022-08-15 03:15:15 字數 1208 閱讀 7440

預設自動上滾,當滑鼠移入後,停止滾動;滑鼠移除,又恢復自動滾動;滑鼠移入後,繫結mousewheel,可以滾輪手動上下滾動。

//lh---每行列表的高度,speed---滾動的速度,delay---間隔多久滾動一次,marqueedom---需要實現這個效果的dom, overflowy--超出部分的高度

2 export const listautoscroll = (lh, speed, delay, marqueeobj, overflow_y) =>;

1516

//滑鼠移出,繼續滾動

17 o.onmouseout = function

(e) ;

2122

2324

function

start()

2829

function

scrolling()

35 } else39}

4041

function

handlemousewheel(event)

53if(dis < 0 && parseint(o.style.margintop) <= (-1) *(overflowy)) px`;55}

56}5758

settimeout(start, delay);

59};

60//

listautoscroll(40, 20, 1000, "marqueebox"); // 方法呼叫

1/**

2* @description 繫結事件 on(element, event, handler)3*/

4 export const on = (function

() 10

};11 } else

16};17}

18})();

1920/**

21* @description 解綁事件 off(element, event, handler)

22*/

23 export const off = (function

() 29

};30 } else

35};36}

37 })();

原生JS列表自動滾動,帶過渡效果

效果 兩種方式,1 利用css的margin值來實現滾動,2 利用dom元素身上的scrolltop來實現 html 第1行 第2行第3行 第4行第5行 第6行function cssscroll rowhei 30,speed 1500,delay 1000 滑鼠移入,停止滾動 parcont.o...

JqGrid 自動滾動效果

一 行滾動到最後一行 新增行可使用 第一行 1 定義全域性變數divgrid var divgrid 2 在gridcomplete方法中對divgrid進行賦值 divgrid gridtable closest ui jqgrid bdiv 0 3 在新增方法中使用 獲取還未新增時所有行號 va...

QScrollArea的垂直滾動條自動滾動到最底部

在使用qscrollarea時,有時候需要將滾動條滾動到最新位置,qt本身並沒有提供相應的說明,來如何實現,通過仔細閱讀qt幫助文件,給出了一種比較完美的解決方案。這裡以豎直滾動條為例,來說明如何實現。具體是通過安裝事件過濾器,在resize事件中設定滾動條的最大值以及位置。安裝事件過濾器ui sc...