0
我創建了一個網站,它由多個圖表和表格組成。在我的移動網站上,很難在觸摸屏設備上向下滾動頁面,因爲這些表格也會觸摸滾動(側面沒有空間)。在手機上關閉滾動條以外的滾動
有沒有辦法,我可以禁用滾動在桌子上,從實際的滾動條本身分開的方法嗎?向下滾動頁面比滾動瀏覽圖表更重要,所以這應該是優先事項。但是,我們的客戶仍然需要滾動瀏覽表格才能閱讀列出的所有信息。
在此先感謝。
我創建了一個網站,它由多個圖表和表格組成。在我的移動網站上,很難在觸摸屏設備上向下滾動頁面,因爲這些表格也會觸摸滾動(側面沒有空間)。在手機上關閉滾動條以外的滾動
有沒有辦法,我可以禁用滾動在桌子上,從實際的滾動條本身分開的方法嗎?向下滾動頁面比滾動瀏覽圖表更重要,所以這應該是優先事項。但是,我們的客戶仍然需要滾動瀏覽表格才能閱讀列出的所有信息。
在此先感謝。
嘗試設置你的表的東西比視較小的最大高度,併爲移動設置overflow:hidden
明確。您可以通過媒體查詢或使用瀏覽器提供的useragent進行顯式檢查來確定移動設備。
供參考:您可以使用更新的方式設置高度div
使用vh
而不是正常的px
方式。但是,請注意,這不是跨瀏覽器兼容的。
爲什麼不使內容的寬度等於設備寬度? –
或將表格重新排列成不同的佈局,以便讓移動用戶的顯示效果更好 – Ruskin
我認爲,從UX的角度來看,您所尋找的答案是違反直覺的。禁用表中的滾動可能會阻止想要這樣做的用戶。考慮用其他方式在較小的設備上顯示數據將是我最好的建議(可能在UX中提出問題) –