今天在搭前端頁面的時候，ui給過來的乙個自定義的滾動條，要求必須與設計的一樣，覺得有點有趣，現在記錄一下。
效果圖：
具體**是這樣的：
/*字型太長，這裡我就減少一些*/
="lss-test"
>
人生如茶<
/h2>
人生如茶。剛泡上的頭道茶，沸水一沏，茶香四溢，猶如人生初年，剛入塵世，味淡而清香；二三道茶猶如人生進入青壯年，拼搏進取，充滿坎坷，其味濃烈醇厚；茶至數道，味淡而澀甜，猶如老年，俗念淡化，回歸自然。
人生如下棋。人的一生都在同命運下棋，不是你操縱命運，便是命運操縱你，戰勝命運要有耐心，要有信心，你必須竭盡全力給自己創造機會。也許你的命運之棋步步皆輸，你也無須悲觀，堅持著走下去，哪怕只剩一門炮，你仍有機會打它的悶宮。人生如旅行。
人生如一次長長的旅行，旅行中有坦途也有彎路，你得以平靜的心態面對每一天，挑戰自我，執著向前，一如既往地朝著目的地走下去。當你到達終點站顧卻來徑時，才發現人生的旅途有喜有憂，有笑有淚，甚至得少失多，而這一切已構成了你生命旅程的全部。人生是一本書。
人生是一本難寫的書，你就是再富有情感，也難以料想未來的墨跡留於何處。可你不寫不行，於是你的每一天都是一篇文章，而且體裁各異，一頁頁的雲彩或淡或濃，驀然將你的生命包圍，鑄成了你的生活。聰明者會在每一頁寫出不朽的詩文，怠惰者卻把太好的青春賬簿塗抹一通，一無所獲。一頁頁重複365次，你便迎來了乙個個難忘的歷程，不必強求別人的賞識，最重要的是寫下無憾的人生。
人生可用尺量。這把尺在人們自己心中，心靜則尺平，心明則尺準。這把尺度量著人生的軌跡和一言一行。請記住：量人時不要失之過嚴，量己時不要疏於過寬。「責人之心責己，恕己之心恕人。」持平這把尺子，必有堂堂正正的人生。人生如茶。剛泡上的頭道茶，沸水一沏，茶香四溢，猶如人生初年，剛入塵世，味淡而清香；二三道茶猶如人生進入青壯年，拼搏進取，充滿坎坷，其味濃烈醇厚；茶至數道，味淡而澀甜，猶如老年，俗念淡化，回歸自然。
人生如下棋。人的一生都在同命運下棋，不是你操縱命運，便是命運操縱你，戰勝命運要有耐心，要有信心，你必須竭盡全力給自己創造機會。也許你的命運之棋步步皆輸，你也無須悲觀，堅持著走下去，哪怕只剩一門炮，你仍有機會打它的悶宮。人生如旅行。
<
/p>
<
/div>
/*css*/
.lss-test h2
.lss-test p
.lss-test
/*定義滾動條高及背景顏色*/
.lss-test:
:-webkit-scrollbar
/*定義滾動條軌道 內陰影,圓角*/
.lss-test:
:-webkit-scrollbar-track
/*定義滑塊 內陰影+圓角*/
.lss-test:
:-webkit-scrollbar-thumb
python橫向滾動條 控制滾動條
調過js指令碼控制 python 1.coding utf 8 2.from selenium import webdriver 3.import time 5.driver webdriver.firefox 6.driver.get 7.搜尋 8.driver.find element by i...
谷歌滾動條設定 IE滾動條設定
google瀏覽器chrome設定滾動條樣式 courrlist webkit scrollbar courrlist webkit scrollbar track courrlist webkit scrollbar thumb courrlist webkit scrollbar thumb w...
div設定滾動條和滾動條顏色
當div所定義的區域的內容達到一定程度時，在div標籤裡面嵌入css樣式表，定義overflow的屬性值，設定滾動條相關的屬性。注 1.overflow visible 卻省值，沒有滾動條，根據內容自動擴撐區域的大小，即定義的區域無效 scroll 總是顯示滾動條 hidden 沒有滾動條，超出區域...