css如何隐藏滚动条

Question

我要把超出的部分隐藏掉；但是不宣示滚动条；但向下滚动时；可以看到隐藏的内容

Answer 1

哈哈，不用js模拟的话，还有个超简单的纯css做法：

<div class="wrapper">
    <div class="your-div"></div>
</div>

.wrapper {
    overflow: hidden; /* 子div让超过的部分隐藏（滚动条） */
}
.your-div {
    left: 30px; /* 故意让div右移，达到挡住右侧滚动条的目的 */
}

哈哈，希望对你有帮助。

Answer 2

overflow hidden，然后监听scroll事件用js控制定位模拟吧～

Answer 3

可以试着这么写,但是只有使用了webkit的排版引擎支持,移动端是没什么问题的

::-webkit-scrollbar{
    display: none;
    width: 0;
    height: 0;
}

Answer 4

建议去Google上搜技术问题。比如本问题，2012年都有类似解答了：http://www.simplyeasy.cz/blog...

Answer 5

其实很简单，核心思想就是把超出的部分隐藏掉？仔细想一下，那个属性可以做到？没错，答案呼之欲出，overflow:hidden; 要把某元素超出的部分隐藏，给其父元素设置overflow:hidden;就好了。当然把给父元素设置合适的高度和宽度你会隐藏掉喜欢的任意东西。

无缘无故被点踩，有问题可以探讨，上来就点踩，真心搞不懂。热心解答就是这样？真心影响社区氛围。