隐藏可刻度元素上的滚动条

Question

我试图在所有浏览器中隐藏滚动条（Safari，Chrome Firefox，IE10和IE11，Edge和Mobile Safari）

HTML看起来像这样：

$vals = array_keys($data);
$1131 = $vals[0];
$1525 = $vals[1];

它是一个水平滑块。现在，我有以下内容隐藏它

<section class="no-scroll">
    <ol>
        <li class="s">1</li>
        <li class="c">c</li>
        ....
    </ol>
</section>

DEMO

这似乎适用于Safari和Chrome，但不适用于IE和Firefox。此外，我越来越怀疑这种方法是否是正确的解决方案。有人能就此提出建议吗？

Answer 1

设置溢出：隐藏;在身体标签上像这样：

<style type="text/css">
 body {
     overflow:hidden;
  }
 </style>

上面的代码隐藏了水平和垂直滚动条。

如果您只想隐藏垂直滚动条，请使用overflow-y：

  <style type="text/css">
  body {
      overflow-y:hidden;
  }
  </style>

如果您只想隐藏水平滚动条，请使用overflow-x：

  <style type="text/css">
  body {
      overflow-x:hidden;
  }
  </style>

如果你想隐藏特定的元素滚动条，那么使用id或class等标识符代替body，如下所示

   <style type="text/css">
        .no-scroll{
              overflow:hidden;
        }
    </style>