總是在iPhone/Android中顯示滾動條

Question

有沒有辦法讓滾動條始終在手機瀏覽器中可見？默認情況下，只有當觸摸/滑動發生時，可滾動頁面才能看到其滾動。我如何使滾動條始終可見？

Answer 1

試試這一個你的CSS樣式

::-webkit-scrollbar { 
    -webkit-appearance: none; 
} 

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

::-webkit-scrollbar:horizontal { 
    height: 12px; 
} 

::-webkit-scrollbar-thumb { 
    background-color: rgba(0, 0, 0, .5); 
    border-radius: 10px; 
    border: 2px solid #ffffff; 
} 

::-webkit-scrollbar-track { 
    border-radius: 10px; 
    background-color: #ffffff; 
}