如何在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设备上显示滚动条？

回答

相关问题