如何在ios設備上顯示滾動條？

如何向具有屬性overflow:scroll的div元素顯示滾動條。如果可能，我想在頂部，底部，左側和右側顯示滾動條。我想滾動條出現在所有設備的窗口，mac，iphones和android。如何在ios設備上顯示滾動條？

2017-06-12 Ujwol Shrestha

你必須使用JavaScript纔能有這種行爲。僅使用overflow: hidden是不夠的。我建議你捕捉滾動事件，然後改變另一個人的滾動值，像這樣：

$(function(){ 
    $(".wrapper1").scroll(function(){ 
     $(".wrapper2") 
      .scrollLeft($(".wrapper1").scrollLeft()); 
    }); 
    $(".wrapper2").scroll(function(){ 
     $(".wrapper1") 
      .scrollLeft($(".wrapper2").scrollLeft()); 
    }); 
});

http://jsfiddle.net/duez1pd1/

你可以重複相同的過程，垂直滾動條。

來源

2017-06-12 19:00:52 kochai

謝謝您花時間回答我的問題。無論使用什麼設備，我都希望滾動條始終可見。可能嗎？現在不能在ios設備上看到滾動條，除非我滾動somthing。 –

不幸的是我不認爲有可能本地添加這些。你可以創建自己的滾動條來捕獲滾動事件，然後當用戶滾動瀏覽元素時沿着x/y軸移動，但這會有點冒險。你可以在這裏進一步閱讀它https://stackoverflow.com/questions/3845445/how-to-get-the-scroll-bar-with-css-overflow-on-ios並優雅地降低iOS設備上的滾動條。 – kochai

如何在ios設備上顯示滾動條？

回答

相關問題