css學了太久了;都快忘了,唉~
先上效果圖吧
這裡有乙個滾動條
用原生的css寫挺簡單的
.scroll
但是,就是有點…;一言難盡的味道
這是什麼****滾動條啊
讓我加點樣式啊
.scroll::-webkit-scrollbar
.scroll::-webkit-scrollbar-thumb
.scroll::-webkit-scrollbar-track
效果圖就是這樣啦
這裡沒做相容,僅僅只是谷歌核心的;我查了很多資料;火狐和ie,他不能自定義滾動條的形式;但是可以改變各種color樣式;查到的都是建議隱藏起來;或者自己重寫乙個滾動條;畢竟粗粗大大的滾動條嵌到內部就真的有點影響布局了
小天地,大世界
css 滾動條樣式【相容chrome、firefox、ie】
css的滾動條
通常設定div滾動條時候,使用的是 始終顯示滾動條 overflow scroll 按需顯示滾動條 overflow auto自適應寬度同時自動顯示滾動條的場景 overflow scroll 內容自動撐開容器的寬度不包括滾動條,相當於滾動條是乙個和內容並列顯示的元件。overflow auto 內...
css滾動條屬性
overflow 屬性 檢索或 設定當物件的內容超 過其指定高度及寬度 時如何顯示內容 overflow auto 在需要時 內容會自動新增 滾動條overflow scroll 總是 顯示滾動條overflow x hidden 禁止橫向的 滾動條overflow y scroll 總是 顯示縱向...
css控制滾動條
1 overflow內容溢位時的設定 overflow x水平方向內容溢位時的設定 overflow y垂直方向內容溢位時的設定 以上三個屬性設定的值為visible 預設值 scroll hidden auto。2 scrollbar 3d light color立體滾動條亮邊的顏色 scroll...