欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

利用CSS3實(shí)現(xiàn)自定義滾動(dòng)條代碼分享

  發(fā)布時(shí)間:2016-08-18 17:58:31   作者:佚名   我要評(píng)論
這篇文章給大家介紹如何利用CSS3實(shí)現(xiàn)自定義滾動(dòng)條,效果很好,有需要的小伙伴們可以參考借鑒。

先來看看效果圖

話不多說,直接看實(shí)例代碼


復(fù)制代碼
代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>CSS3實(shí)現(xiàn)自定義滾動(dòng)條代碼</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<style type="text/css">
body{padding:0;margin:0;}
.box{ width:600px;height: auto;margin:0 auto; }
.scroll{ overflow:auto; width: 470px;height: 210px;padding-right: 25px; margin-top: 18px;}
.scroll p{font-family: "微軟雅黑";font-size: 14px;color: #9F9F9F;line-height: 25px;margin-top: 20px;}
#scroll-1 {
overflow:auto;
}
#scroll-1::-webkit-scrollbar {
width:10px;
height:10px;
}
#scroll-1::-webkit-scrollbar-button {
background-color:#fff;
}
#scroll-1::-webkit-scrollbar-track {
background:#dfdfdf;
border-radius:5px;
}
#scroll-1::-webkit-scrollbar-track-piece {
}
#scroll-1::-webkit-scrollbar-thumb{
background:#F2C826;
border-radius:5px;
}
#scroll-1::-webkit-scrollbar-corner {
background:#82AFFF;
}
#scroll-1::-webkit-scrollbar-resizer {
background:#dfdfdf;
}

</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
<div class="box">
<div class="scroll" id="scroll-1">
<p>無避讓立體車庫(kù)是腳本之家斥巨資打造,公司注冊(cè)資本一個(gè)億,平臺(tái)用統(tǒng)一的標(biāo)準(zhǔn)多維度地展示立體車庫(kù)行業(yè)企業(yè),購(gòu)買者可以通過這個(gè)平臺(tái)就輕松了解國(guó)內(nèi)外優(yōu)秀立體車庫(kù)企業(yè)的產(chǎn)品與服務(wù)。實(shí)現(xiàn)停車難城市的本地化服務(wù)</p>
<p>為行業(yè)研發(fā)定制化無避讓立體車庫(kù)產(chǎn)品。您不必成為專家,我們?yōu)槟峁┎町惢?wù)為行業(yè)帶來新的利潤(rùn)增長(zhǎng)致力于用無避讓立體車庫(kù)改善生活,領(lǐng)跑國(guó)內(nèi)立體</p>
<p>無避讓立體車庫(kù)是腳本之家斥巨資打造,公司注冊(cè)資本一個(gè)億,平臺(tái)用統(tǒng)一的標(biāo)準(zhǔn)多維度地展示立體車庫(kù)行業(yè)企業(yè),購(gòu)買者可以通過這個(gè)平臺(tái)就輕松了解國(guó)內(nèi)外優(yōu)秀立體車庫(kù)企業(yè)的產(chǎn)品與服務(wù)。實(shí)現(xiàn)停車難城市的本地化服務(wù)</p>
<p>為行業(yè)研發(fā)定制化無避讓立體車庫(kù)產(chǎn)品。您不必成為專家,我們?yōu)槟峁┎町惢?wù)為行業(yè)帶來新的利潤(rùn)增長(zhǎng)致力于用無避讓立體車庫(kù)改善生活,領(lǐng)跑國(guó)內(nèi)立體</p>
</div>
</div>
<script type="text/javascript" src="<a ></script</a>>
<script type="text/javascript">

</script>
</body>
</html>

總結(jié)

以上就是利用CSS3實(shí)現(xiàn)自定義滾動(dòng)條代碼的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家學(xué)習(xí)使用CSS3能有所幫助。

相關(guān)文章

最新評(píng)論