javascript - 使用 JavaScript 禁用水平滚动

标签 javascript jquery html css

有谁知道是否有办法使用 JavaScript 禁用水平滚动条?

我不想使用 overflow-x: hidden;

最佳答案

在不使用完全可行的 overflow-x CSS 属性的情况下,您可以通过 javascript 或通过 HTML/CSS 设计将内容调整为不需要滚动条。

你也可以这样做:

window.onscroll = function () {
 window.scrollTo(0,0);
}

... 这将检测任何滚动并自动将滚动返回到顶部/左侧。值得一提的是,这样做肯定会让您的用户感到沮丧。

最好的方法是创建一个完全不存在不需要的 UI 元素的环境(通过 CSS,通过设计)。上面提到的方法显示了不必要的 UI 元素(滚动条),然后导致它们无法以用户期望的方式工作(滚动页面)。您已经与用户“违约”- 当用户执行熟悉的操作时,他们怎么能相信您的网站或应用程序的其余部分会执行预期的操作?

关于javascript - 使用 JavaScript 禁用水平滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7503048/

相关文章:

javascript - 使用 PhoneGap 和 JQuery Mobile 转到下一页

php - 使用 jQuery 单击时默认文本必须在文本区域中消失

javascript - 在用户输入此文本并点击提交后,如何显示带有文本的新 div?

javascript - 媒体查询不适用于移动设备

javascript - FUNCTIONS 的继承正在成为一场噩梦

javascript - 滚动时导航栏不透明度/rgba 变化

jquery - ajax无法通过YII2后传递数据

javascript - 用户如何在不知道其组成方式的情况下在 AngularJS 中设置元素指令的样式?

javascript - 后续变量声明必须具有相同的类型

javascript - node.js:雅虎天气的 jQuery 插件不打印数据