永久禁用水平滚动?出于想法

时间:2014-07-24 05:36:10

标签: javascript jquery html css scroll

好吧,我对这个问题几乎触底。每次我将鼠标悬停在工作链接上时,此移动网站都会生成水平滚动条。当导航抽屉出来时,它最终会覆盖溢出属性,这会破坏我的网站。溢出:隐藏;我并没有为我做任何事情。

我不知道问题的来源,所以我所能做的就是链接网站,希望有人比我更聪明,可以帮助解决问题。在此期间,是否有任何类型的jQuery hack来完全禁用水平滚动?我甚至可以在导航抽屉出局时禁用所有滚动。

继承网站http://www.helloimmatt.com

它仍处于非常粗糙的状态,但调整到移动设备并拉出导航抽屉以查看问题。提前谢谢,我很难过。

1 个答案:

答案 0 :(得分:0)

您可以使用以下内容:

body {
    overflow-x: hidden;
}

$("body").css("overflow-x", "hidden");

此外,你可以尝试使用JQuery(或javascript,如果你喜欢)

我为你做了一个jsfiddle示例:http://jsfiddle.net/Kvn7t/1/