2021-4-27:在進行頁面調試的時候,發現這個頁面用滾輪可以滑動,但是用鼠標去模擬觸屏下拉卻不行了。最后在 https://www.cnblogs.com/tu-0718/p/7411907.html 找到問題所在,記錄下來
1.檢查是否給你外面的div加上屬性overflow-y: scroll;
overflow屬性規定當內容溢出元素框時發生的事情;
visible 默認值。內容不會被修剪,會呈現在元素框之外。
hidden 內容會被修剪,並且其余內容是不可見的。
scroll 內容會被修剪,但是瀏覽器會顯示滾動條以便查看其余的內容。
auto 如果內容被修剪,則瀏覽器會顯示滾動條以便查看其余的內容。
inherit 規定應該從父元素繼承 overflow 屬性的值。
2.查看是否禁用了滑動事件 touch-action: none;,如果有這個,則去掉。或者換成你想要的操作具體
touch-action屬性規定用戶能否以及如何操作頁面上的指定區域
auto:默認值。瀏覽器允許一些手勢(touch)操作在設置了此屬性的元素上,例如:對視口(viewport)平移、縮放等操作。
none:禁止觸發默認的手勢操作。
pan-x:可以在父級元素(the nearest ancestor)內進行水平移動的手勢操作。
pan-y:可以在父級元素內進行垂直移動的手勢操作。
manipulation:允許手勢水平/垂直平移或持續的縮放。任何auto屬性支持的額外操作都不支持
