国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

滾動條樣式修改快速查閱

laoLiueizo / 3104人閱讀

摘要:作者心葉時間整體樣式代碼按鈕滾動條按鈕會稍微麻煩點,首先提供下面的選擇器可以選中按鈕樣式代碼然而,按鈕其實一共有八個,可以借組下面的六個組合來進行更準確的選擇,他們方便是和方便表示垂直還是水平按鈕和方便表示是開始位置的還是

作者:心葉
時間:2018-05-26 21:50

-webkit-scrollbar 1.整體
::-webkit-scrollbar{

    /*樣式代碼*/
    
}
2.按鈕

滾動條按鈕會稍微麻煩點,首先提供下面的選擇器可以選中按鈕:

::-webkit-scrollbar-button{

    /*樣式代碼*/
    
}  

然而,按鈕其實一共有八個,可以借組下面的六個組合來進行更準確的選擇,他們方便是:

2.1 :vertical和:horizontal方便表示垂直還是水平按鈕

2.2 :start和:end方便表示是開始位置的還是結(jié)束位置的按鈕

2.3 :decrement和:increment方便表示點擊是觸發(fā)減小還是增加的按鈕

舉例子,比如現(xiàn)在要選擇垂直方向,在開始位置,點擊上滑的滾動條樣式,設(shè)置為紅色,代碼如下:

::-webkit-scrollbar-button:vertical:start:decrement {

    background-color: red;
    
}

一般設(shè)置display: block;

3.滑塊
::-webkit-scrollbar-thumb{

    /*樣式代碼*/
    
}

當然,你可以提供:horizontal和:vertical來進行更準確的選擇

4.軌道
::-webkit-scrollbar-track {

     /*樣式代碼*/

}

當然,你可以提供:horizontal和:vertical來進行更準確的選擇

5.邊角

也就是兩個滾動條的交匯處

::-webkit-scrollbar-corner{

    /*樣式代碼*/

}

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/113374.html

相關(guān)文章

  • 瀏覽器元素尺寸與位置查詢指南

    摘要:前言這篇文章主要介紹了有關(guān)瀏覽器中獲取坐標以及尺寸的幾種途徑算是比較全的一篇文章了在瀏覽器中獲取元素的坐標以及尺寸是非常容易的有非常多種方式來完成這些需求但是雜亂的和很多兼容處理導致了瀏覽器中沒有直接的方式來獲取我們想要的結(jié)果仔細想想這個問 前言 這篇文章主要介紹了有關(guān)瀏覽器中獲取坐標以及尺寸的幾種途徑,算是比較全的一篇文章了. 在瀏覽器中獲取元素的坐標以及尺寸是非常容易的,有非常多種...

    lei___ 評論0 收藏0
  • JQuery快速使用之元素查找與操作

    摘要:作者心葉時間以下是快速使用的查閱手冊,沒有個人理解的地方還請原諒,畢竟初衷只是方便開發(fā)時忘了可以快速查閱。第六步以及以及,擁有回調(diào)函數(shù)。回調(diào)函數(shù)有兩個參數(shù)被選元素列表中當前元素的下標,以及原始舊的值。 作者:心葉時間:2018-04-22 00:41 以下是Jquery快速使用的查閱手冊,沒有個人理解的地方還請原諒,畢竟初衷只是方便開發(fā)時忘了可以快速查閱。 第一步:sizzle選擇器 ...

    OBKoro1 評論0 收藏0
  • Vue 實現(xiàn)的音樂項目 music app 知識點總結(jié)分享

    摘要:后兩個屬性可選。屬性定義了項目的縮小比例,默認為,即如果空間不足,該項目將縮小。屬性定義了在分配多余空間之前,項目占據(jù)的主軸空間。它的默認值為,即項目的本來大小。結(jié)合的異步組件和的代碼分割功能,輕松實現(xiàn)路由組件的懶加載。 項目總結(jié) 這是我第二個用 Vue 實現(xiàn)的項目,下面內(nèi)容包括了在實現(xiàn)過程中所記錄的知識點以及一些小技巧 項目演示地址:https://music-vue.n-y.io源...

    meteor199 評論0 收藏0
  • 移動端模擬滾動

    摘要:背景由于移動端原生滾動的局限性以及兼容性,部分特定場景的需求無法滿足。示例模擬滾動知識點通過移動端的系列事件觸發(fā)模擬滾動,獲取手指滑動的偏移量,進而改變來進行位置偏移。 背景 由于移動端原生滾動的局限性以及兼容性,部分特定場景的需求無法滿足。例如,筆者最近就接了一個需求:整個頁面分為三塊,每塊內(nèi)容的高度不等(但都超過一屏),要求滾動到內(nèi)容的臨界點有一個停頓的效果,下拉可以看到下一塊的部...

    douzifly 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<