在 Phonegap 应用程序中隐藏滚动条答案

【问题标题】：Hide the scroll bar in Phonegap application在 Phonegap 应用程序中隐藏滚动条
【发布时间】：2016-04-26 21:41:27
【问题描述】：

嗨我正在开发一个 phonegap 应用程序。这是可滚动区域的代码

<div id = "contentoutter" style ="width:'+winwidth+'px;height:'+screendummy+';float:left;overflow-x:hidden;overflow-y:auto;margin-top:'+height50+'px;-webkit-overflow-scrolling: touch;position:relative;">

这段代码在 javascript 中，并且这个 div 被附加到正文中。出现了一个我无法摆脱的右竖线。如何摆脱它？

【问题讨论】：

请在您的帖子中回答以下问题。因为这似乎是你关于这个主题的第一篇文章。这是您的第一个混合应用程序吗？您正在使用 Phonegap 桌面应用程序吗？您的目标平台及其目标版本是什么：Android 4、5、6？ iOS 7、8、9？你在使用CLI, SDK or Build 吗？请不要假设答案，请阅读链接。一旦您在帖子中回答了问题，请在 cmets 中回复，以便我知道您已在帖子中添加信息。

标签： android html css cordova phonegap-build

【解决方案1】：

在您的CSS 文件中使用-webkit-scrollbar。它将隐藏应用程序中的所有滚动条。

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

如果你想隐藏特定元素的滚动条，那么：

#your_element::-webkit-scrollbar { 
    display: none; 
}

【讨论】：

这个答案好浪费。显然不是移动开发者。
这是来自我的 phonegap 应用程序的答案，它按预期工作
所以你在确认我所说的。