css 给div添加滚动并隐藏滚动条

给div添加滚动并隐藏滚动条的攻略可以采用以下步骤：

1. 首先，需要对CSS的overflow属性和Webkit中的私有属性来进行操作。overflow属性是实现滚动的必要条件，具体属性值包括visible、hidden、scroll和auto等。而Webkit中的属性是用来实现隐藏滚动条的。

2. 接着，需要对CSS选择器进行定义，这里假设我们的目标容器为div#scrollbar-box。

3. 对容器进行CSS样式的修改，将overflow属性设置为auto或scroll。以下是一个例子：

div#scrollbar-box {
  overflow: auto;
}

1. 最后，在div#scrollbar-box内添加样式，隐藏滚动条。以下是两个示例：

示例一：

div#scrollbar-box::-webkit-scrollbar {
  width: 0.5em;
}

div#scrollbar-box::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 0.25em;
}

示例二：

div#scrollbar-box::-webkit-scrollbar {
  width: 1em;
}

div#scrollbar-box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
  border-radius: 0.5em;
}

div#scrollbar-box::-webkit-scrollbar-thumb {
  background-color: #ff3300;
  border-radius: 0.5em;
}

div#scrollbar-box::-webkit-scrollbar-thumb:hover {
  background-color: #993300;
}

在示例一中，滚动条的宽度为0.5em，并且滚动条与页面颜色相同。在示例二中，滚动条的宽度为1em，并且滚动条拥有自己的颜色和悬停效果。

以上就是给div添加滚动并隐藏滚动条的完整攻略。