如何在phonegap中隐藏ios滚动条

Posted

技术标签:

【中文标题】如何在phonegap中隐藏ios滚动条【英文标题】:How to hide ios scrollbar in phonegap 【发布时间】:2013-06-07 10:17:30 【问题描述】:

我不想在我的 ios phonegap 应用程序中显示滚动指示器,但不知道如何隐藏它。是否有 css、javascript 或本机编辑方式? 如何在 ios phonegap 应用程序中不显示滚动指示器? 有什么办法吗?

【问题讨论】:

【参考方案1】:

在开发我的应用程序时,我实际上想包含滚动条,所以我必须包含这两行代码:

-webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0px);

您可能想要尝试将溢出滚动设置为 :none 并尝试以某种方式禁用 webkit-transform...

如果您使用的是 jquery mobile,您可以尝试以下操作:

$(document).bind("mobileinit", function() 
  $.support.touchOverflow = false;
  $.mobile.touchOverflowEnabled = false;
);

查看this page了解更多信息

【讨论】:

以上是关于如何在phonegap中隐藏ios滚动条的主要内容,如果未能解决你的问题,请参考以下文章

隐藏滚动条 Android KitKat 4.4

在 iOS webkit webview 中隐藏滚动视图和滚动条

iOS PhoneGap jQuery Mobile App 中的可见滚动条

在ASP中如何令到滚动条隐藏??

如何通过 React Native 在 Android WebView 中隐藏滚动条

MAUI Blazor如何隐藏滚动条