Question

我有一个滚动div，我想隐藏滚动条，但仍然可以在IE8 +中滚动没有问题。

我制作了这个示例代码 - ＆gt; http://codepen.io/celicoo/pen/emqJoz

以下是代码：

HTML：

<div id="site">
    <div class="container_scrolling">
        <div class="container_hidden">
            <div class="box">
            </div>
        </div>
    </div>
</div>

CSS：

#site * {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-weight: normal;
    border: 0;
}
#site {
    position: relative;
    width: 100%;
    height: 2000px;
    color: #a3265e;
}
#site .container_scrolling {
    width: 100%;
    height: 200px;
    overflow: scroll;
  border: 1px solid black;
}
#site .container_hidden {
    height: 2810px;
    width: 100%;
}
#site .box {
  width: 150px;
  height: 150px;
  background: #000;
  position: absolute;
  left: 50%;
  margin-left: -75px;
}

我找到了几个例子，但我无法改变应用程序的HTML结构。

Answer 1

我不相信有一种方法可以在IE8中实现没有滚动条的滚动，但你可以使用jquery插件来实现这一点

https://github.com/malihu/malihu-custom-scrollbar-plugin

根据我的评论，如果你想在IE8中隐藏滚动条，你必须使用不同的DOCTYPE：

removing page scrollbars in IE8 (overflow:hidden not working)

Answer 2

你试过吗

overflow:hidden;

另外，根据您如何声明页面，IE将以标准模式或怪异模式呈现它。

<!DOCTYPE html>

应该删除滚动条。

如何隐藏div的滚动条

2 个答案: