廢話不多說，先上效果圖，再上源碼！！！！ 1.效果圖 2.源碼 <template> <view class="content"> <scroll-view scroll-x="true" class="scroll"> < ...

要點： 使用豎向滾動時，需要給 <scroll-view> 一個固定高度，通過 css 設置 height。 使用橫向滾動時，需要給 <scroll-view> 一個固定寬度，通過 css 設置 width。 ...

在用uniapp寫這個pc端項目時遇到一個表格需要展示全部的數據，但是頁面上只顯示4條數據，剛開始用overflow-y: scroll;出現滾動條。 因為滾動條占用位置導致表格錯位，上下不對齊。scroll-view組件還是出現滾動條。 重點來了！！！ 在樣式中引用這段代碼 ...

在wxss文件上加上 ::-webkit-scrollbar{ width: 0; height: 0; color: transparent; } ...

/deep/.uni-scroll-view::-webkit-scrollbar { 　　/* 隱藏滾動條，但依舊具備可以滾動的功能 */ 　　display: none } ...

原網頁地址：https://uniapp.dcloud.io/component/scroll-view 說明 scroll-view，可滾動視圖區域。用於區域滾動。 需注意在webview渲染頁面中，區域滾動性能不及頁面滾動。 屬性說明 屬性名 類型 ...

橫向滾動不生效：不生效是因為少了以下兩行代碼，添加上即可 scroll-view的子標簽里使用多行省略功能不生效 前： 后： scroll-view滾動元素不對齊的問題 前： 后： 橫向滾動有滾動條遮擋，導致用戶點擊內容區域會點擊到滾動條，導致點擊體驗不好的問題 ...

css 隱藏滾動條 自定義滾動條樣式 參考原文：https://blog.csdn.net/qq_32067045/article/details/79958540 ...