1. 首頁
  2. 問答
  3. css滾動條寬度和圓形效果

css滾動條寬度和圓形效果

2013-09-23 39 views
0

有沒有一種方法可以在潛水中設置滾動條默認寬度的寬度？ 我所擁有的是一個帶有自動滾動條的div。我想將滾動條的寬度設置爲細線，並隱藏這個頂部和底部的箭頭標記。css滾動條寬度和圓形效果

來源

2013-09-23 rushd

+0

請添加一些代碼--HTML和CSS會做的伎倆，歡呼！ –

回答

0

滾動條依賴於瀏覽器/工具包，不能直接由CSS控制。你可以使用JavaScript來實現自己的滾動條，但這是很多工作。

來源

2013-09-23 14:34:17 bmurauer

5

您可以使用CSS的WebKit功能：

你可以閱讀一下here。

例如：

::-webkit-scrollbar { 
width: 12px; 
} 

::-webkit-scrollbar-track { 
-webkit-box-shadow: inset 0 0 6px  rgba(0,0,0,0.3); 
border-radius: 10px; 
} 

::-webkit-scrollbar-thumb { 
border-radius: 10px; 
-webkit-box-shadow: inset 0 0 6px  rgba(0,0,0,0.5); 
}

將創建一個iOS的樣滾動條（DEMO）

好運

來源

2013-09-23 14:36:32

+0

感謝您的建議，但我需要包括其他的東西來工作。我已經將css部分包含到了我的css文件中，但在scroolbar中沒有任何內容。我的css的一部分，如下： - webkit-scrollbar { width：12px; } :: - webkit-scrollbar-track { -webkit-box-shadow：inset 0 0 6px rgba（0,0,0,0.3）; border-radius：10px; } – rushd

+0

@rushd：呃，你需要你的其他元素來回應它。請查看[這jsFiddle]（http://jsfiddle.net/Prxsj/）我測試和工作。如果您看不到更改的滾動條;您使用的瀏覽器太舊而無法顯示。如果你能**看到它：看看實現：這也是你應該如何實現它。祝你好運！ –

相關問題

 相關問題