在手機上關閉滾動條以外的滾動

Question

我創建了一個網站，它由多個圖表和表格組成。在我的移動網站上，很難在觸摸屏設備上向下滾動頁面，因爲這些表格也會觸摸滾動（側面沒有空間）。

有沒有辦法，我可以禁用滾動在桌子上，從實際的滾動條本身分開的方法嗎？向下滾動頁面比滾動瀏覽圖表更重要，所以這應該是優先事項。但是，我們的客戶仍然需要滾動瀏覽表格才能閱讀列出的所有信息。

在此先感謝。

Answer 1

嘗試設置你的表的東西比視較小的最大高度，併爲移動設置overflow:hidden明確。您可以通過媒體查詢或使用瀏覽器提供的useragent進行顯式檢查來確定移動設備。

供參考：您可以使用更新的方式設置高度div使用vh而不是正常的px方式。但是，請注意，這不是跨瀏覽器兼容的。