預設自動上滾,當滑鼠移入後,停止滾動;滑鼠移除,又恢復自動滾動;滑鼠移入後,繫結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...