如何在ios设备上显示滚动条?
问题描述:
如何向具有属性overflow:scroll
的div元素显示滚动条。如果可能,我想在顶部,底部,左侧和右侧显示滚动条。我想滚动条出现在所有设备的窗口,mac,iphones和android。如何在ios设备上显示滚动条?
答
你必须使用JavaScript才能有这种行为。仅使用overflow: hidden
是不够的。我建议你捕捉滚动事件,然后改变另一个人的滚动值,像这样:
$(function(){
$(".wrapper1").scroll(function(){
$(".wrapper2")
.scrollLeft($(".wrapper1").scrollLeft());
});
$(".wrapper2").scroll(function(){
$(".wrapper1")
.scrollLeft($(".wrapper2").scrollLeft());
});
});
你可以重复相同的过程,垂直滚动条。
谢谢您花时间回答我的问题。无论使用什么设备,我都希望滚动条始终可见。可能吗? 现在不能在ios设备上看到滚动条,除非我滚动somthing。 –
不幸的是我不认为有可能本地添加这些。你可以创建自己的滚动条来捕获滚动事件,然后当用户滚动浏览元素时沿着x/y轴移动,但这会有点冒险。你可以在这里进一步阅读它https://stackoverflow.com/questions/3845445/how-to-get-the-scroll-bar-with-css-overflow-on-ios并优雅地降低iOS设备上的滚动条。 – kochai