css自定義滾動條

2021-08-20 09:01:36 字數 362 閱讀 2080

1、在谷歌瀏覽器和safari中可直接設定,如果想單獨對某個盒子新增,直接在偽類前面加上選擇器即可

/*滾動條的軌道*/

/*滾動條的滑塊按鈕*/

::-webkit-scrollbar-track,

::-webkit-scrollbar-thumb

/*滾動條的上下兩端的按鈕*/

::-webkit-scrollbar-button

::-webkit-scrollbar-track

::-webkit-scrollbar-thumb

::-webkit-scrollbar-corner

2、在ie下就是只能調整顏色

CSS自定義滾動條

乙個類名為parent的容器包裹了一些lorem。lorem ipsum dolor sit amet consectetur adipisicing elit.iusto,delectus libero cupiditate sapiente excepturi,ea hic,exercitati...

CSS 自定義滾動條

瀏覽器允許自定義滾動條,ie也可以改變預設的樣色,不過效果不明顯。常見谷歌瀏覽器滾動條修改 webkit scrollbar webkit scrollbar thumb webkit scrollbar track ie自定義滾動條顏色 webkit scrollbar 滾動條整體部分,可以設定寬...

css 自定義滾動條

我遇到的場景 對於iframe視窗,自帶滾動條是整個視窗的大小。有時需要頂部或底部固定,則滾動條不應該觸碰到頂部或底部。那麼首先開啟iframe時應該去掉滾動條 scrolling no 然後在需要滾動的區域自定義滾動條。iframe frameborder 0 scrolling no src i...