禁用在Mac OS X上滚动Safari 9

Disable scrolling Safari 9 on Mac OS X

本文关键字：滚动 Safari OS Mac      更新时间：2023-09-26

我正试图用以下代码禁用Safari 9（OS X El Capitan）上的X滚动，但它不起作用，它在Firefox和Chrome上起作用，但Safari仍在滚动，有人能帮我吗？

我的CSS代码：

html, body
{
    overflow-x: hidden
}

我的JavaScript代码：

function disableX(e)
{
    if(scrollX > 0)
    {
        e.preventDefault();
        e.stopPropagation();
    }
}
addEventListener("scroll", disableX);

尝试添加！重要的是，否则打开chrome-dev工具查看它使用的属性。

添加位置：相对；至机身

body {
  position:relative;
  overflow-x:hidden;
}

更多信息：Safari Oveflow隐藏问题

但是body和html上的overflow-x: hidden;真的没有那么大意义，即如果有其他东西可以看到，用户应该能够看到它，我想这就是Safari阻止它的原因。

也许您应该将该设置应用于DOM层次结构中稍靠下的某个元素。

--->编辑部分：我的意思是：从body和html中删除这些规则，将DIV直接放在<body>中（即所有内容的包装器），并将溢出规则应用于该DIV。

相关文章：