在 safari 中禁用兩指滾動

Question

我正在開發一個網站，我只使用溢出禁用常規滾動：隱藏； 所以用戶必須點擊導航才能與每個部分進行交互。 我正在使用 safari 在 iphone X 上測試移動視圖，發現您可以使用兩個取景器進行滾動來繞過它。 是否有 CSS 或 JavaScript 解決方法來禁用 function？

Answer 1

使用overflow: clip而不是overflow: hidden; . 如MDN中所述：

與hidden一樣，內容被裁剪到元素的填充框。 clip和hidden的區別在於clip關鍵字還禁止所有滾動，包括程序化滾動。