試圖應用自定義滾動條

我試圖將類似類型的自定義滾動條應用到我的網站，但我似乎遇到了一些麻煩。試圖應用自定義滾動條

只是想知道如果這種定製滾動條的是複雜的或容易實現。這是完成我的設計的最後障礙。有什麼建議或想法來實現這個設計？

2013-08-23 clestcruz

我使用[** NiceScroll **]（https://github.com/inuyaksa/jquery.nicescroll）插件，它非常好。 - 在這裏你有[一些演示]（http://nicescroll.areaaperta.com/demo.html） – balexandre

看看這篇文章:)我仍然在我的最愛。 http://stackoverflow.com/questions/9251354/css-customized-scroll-bar-in-div – Rebelek

有很多jQuery UI插件可用，你可以輕鬆地做到這一點。檢查它here並選擇一個。

來源

2013-08-23 12:37:43 deepakb

-1

你可以試試-webkit-scrollbar.Check這個fiddle。這裏是代碼。

::-webkit-scrollbar { 
width: 8px; height:8px; 
} 
::-webkit-scrollbar-track { 
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3); 
background:#fff; 
} 
::-webkit-scrollbar-thumb { 
background: rgba(139,233,38,0.8); 
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

來源

2013-08-23 12:38:51

世界不只有1個瀏覽器！ – balexandre

是的你是對的，但是，而不是Jquery它是一個解決方案 –

你的解決方案是在頁面中的所有滾動，我假設他只想要那個特定的'div'， – balexandre

這是很容易實現你can google for custom scrollbars or you can usetinyscrollbar或this

來源

2013-08-23 12:39:01

有很多的javascript腳本滾動條。你可以試試這個：http://www.dyn-web.com/code/scroll/ - >看起來你可以很容易地從你的屏幕截圖複製滾動條使用這個。

來源

2013-08-23 12:41:31

試圖應用自定義滾動條

回答

相關問題