小程式彈窗阻止滑動的兩種方法

2022-06-09 02:06:11 字數 421 閱讀 6592

彈出 fixed 彈窗後,在彈窗上滑動會導致下層的頁面一起跟著滾動。

場景1:彈窗內無滾動內容

可以在彈窗最外層元素繫結touchmove事件,觸發事件返回false即(在vue類框架中也可以加.stop阻止冒泡)。

簡單寫法:catchtouchmove='true'

此種方式會阻止彈窗內內容的滾動。

場景二:彈窗內有滾動內容

在彈窗外層根元素動態新增乙個no-scroll樣式,定義no-scroll為

當需要阻止滑動的彈窗顯示時新增no-scroll,彈窗關閉去掉no-scroll即可。

此種方式的缺點是當彈窗顯示增加no-scrll後彈窗下面的頁面會回到頂部。

Qt 實現程式重啟的兩種方法

最近在寫乙個開源專案,需要實現乙個程式自動重啟的功能。嘗試了好幾種方式,效果均不太理想。一開始的實現思路是,記為思路一吧。大概就是寫一些 shell 指令碼,然後在需要自動重啟的地方關閉當前程式,然後開乙個程序執行這個 shell 指令碼。先來說一說這個關閉吧,主要的方法有 進入主事件迴圈,並等待直...

popup的兩種方法

1,popup var pop function window.onload function aaa function closediv 2,div var divtop,divleft,divwidth,divheight,docheight,docwidth,objtimer,i 0 var ...

排序的兩種方法

如果adt需要比較大小,或者要放入collections或arrays進行排序,可實現comparator介面並override compare 函式。第一種 構建乙個新的comparator類,重寫compare 函式,在客戶端直接呼叫靜態函式collections.sort 新的comparat...