一、固定高度的情況下 如圖下: 代碼如下: 二、然后修改100% 代碼如下: 注意:當高度設置100%的情況下,滾動條就會由瀏覽器滾動條接手 三、測試 頭部加fixed,內容 margin-top 滾動條還是完全從頂部開始 滾動 ...
.內容過長,想要設置滾動條來滾動內容,可以給內容父級一個height,再給overflow:scorll .由於谷歌瀏覽器默認的滾動條是會自動隱藏的,想要滾動條一直固定顯示,只能修改滾動條內核,代碼如下 list overflow:hidden overflow y:auto .list:: webkit scrollbar track piece rgba , , , border left: ...
2019-09-17 17:35 0 432 推薦指數:
一、固定高度的情況下 如圖下: 代碼如下: 二、然后修改100% 代碼如下: 注意:當高度設置100%的情況下,滾動條就會由瀏覽器滾動條接手 三、測試 頭部加fixed,內容 margin-top 滾動條還是完全從頂部開始 滾動 ...
::-webkit-scrollbar 滾動條整體部分 ::-webkit-scrollbar-thumb 滾動條里面的小方塊,能向上向下移動(或往左往右移動,取決於是垂直滾動條還是水平滾動條) ::-webkit-scrollbar-track 滾動條的軌道 ...
...
h5解決移動端滾動條問題: ...
::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: ...
.g-panel { height: calc(100% - 112px); overflow: auto; &::-webkit-scrollb ...
第一部分: ::-webkit-scrollbar 滾動條整體部分 ::-webkit-scrollbar-thumb 滾動條里面的小方塊,能上下左右移動(取決於是垂直滾動條還是水平滾動條) ::-webkit-scrollbar-track ...
移動端獲取滾動條:document.body.scrollTop pc端獲取滾動條:document.documentElement.scrollTop ...