滾動條出現在Azure管理門戶

Question

我正在構建一個web應用程序，遵循newset'metro'（或者我更願意說'現代'）Win8應用程序的指導原則，我想問問是否有人知道如何實現一個滾動條（垂直/水平），僅當用戶懸停在溢出的div上時出現，從側面（或水平滾動的底部）出現並具有自定義樣式。一個完美的例子可以在@http://manage.windowsazure.com找到。每個溢出的div在mouseover上都會得到這個'div'，它從側面出現並且有一個滾動條，我覺得它非常乾淨和不顯眼。我搜索了各種'自定義滾動條'插件和腳本，但沒有一個像Windows Azure管理門戶上的那個。 謝謝

Answer 1

對此，我使用jQuery nicescroll，效果很好。

Answer 2

此外，我注意到Azure門戶使用CSS樣式來實現此效果：-ms-overflow-style: -ms-autohiding-scrollbar;。我可以驗證它在IE 11和它的工作does appear to work in Windows 8 Apps。

就網絡使用而言，這是一個ms-vendor前綴，因此他們肯定會在Azure門戶網站上提供某種類型的JS回退。希望有所幫助！