【问题标题】:Disable Horizontal scrolling javascript禁用水平滚动 javascript
【发布时间】:2015-10-16 04:35:24
【问题描述】:

有没有办法在javascript中禁用水平滚动?我正在使用以下内容:

document.body.addEventListener('touchmove', function (event) {
    event.preventDefault();
}, false);

但是,这会完全禁用滚动。我还将overflow-x 设置为隐藏。

.layer{
overflow: hidden;
}

我需要为 android 上的移动应用程序执行此操作。 谢谢

【问题讨论】:

    标签: javascript android css cordova scroll


    【解决方案1】:

    注意:回答复制粘贴from this source

    您可以参考特定框架使用以下代码来隐藏两个滚动条:

    style="overflow-x:hidden;overflow-y:hidden"
    style="overflow:-moz-scrollbars-horizontal;overflow-x:hidden;overflow-y:scroll;"
    

    x-表示水平,y-表示垂直

    希望这会对你有所帮助。

    【讨论】:

    • 请注意copy-pasting answers is discouraged 没有引用。我添加了一个引用只是为了记录。谢谢,欢迎来到 StackOverflow(尽管这可能不是最友好的欢迎方式......)。
    • 感谢您,在经历了 16 个小时的痛苦之后,我最终重组了我的 html 页面。我修复了应用程序中不会更改的所有图层,并禁用了隐藏溢出的滚动。只有需要滚动的内容层才设置了overflow-y: scroll,因为我只需要垂直滚动。所以现在一切似乎都很好。
    • 请注意,如果有人启动移动应用项目,最好坚持标准页面结构以避免此类问题。保持整个应用程序的统一性(例如,按照说明使用的 jquery 移动页面结构)....经验教训是艰难的
    猜你喜欢
    • 1970-01-01
    • 2012-05-05
    • 2014-05-11
    • 2015-03-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多