css没有滚动条但是可以实现滚动效果
2019-03-16 14:28
134 查看
本人完全新手,写这些也是为了记录自己在实际开发中遇到的困难及解决方法,小窍门等。
在项目开发中遇到要隐藏滚动条并且实现滚动效果,我之前没有了解过,学长就说他来改一下,虽然不用我改,但是还是上网搜了一下,才知道只需要写一个伪类样式就可以了。。。
正文如下:
新建了一个demo.html,body里面:
<body>
<div style=" width:200px; height: 200px; overflow-y: scroll;">
ckidzhh<br />
ckidzhh<br />
ckidzhh<br />
ckidzhh<br />
ckidzhh<br />
ckidzhh<br />
ckidzhh<br />
ckidzhh<br />
ckidzhh<br />
ckidzhh<br />
ckidzhh<br />
ckidzhh<br />
ckidzhh<br />
</div>
</body>
在head里面添加样式:
<style>
::-webkit-scrollbar {
display: none
}
</style>
就这样就可以实现效果了。。。很简单吧
不过我也是从别的博主哪里看过来的
原文:https://www.geek-share.com/detail/2731998371.html
效果图:
相关文章推荐
- css实现隐藏滚动条 同时可以滚动的效果
- 用css实现如何使滚动条隐藏但是溢出时有滚动的效果
- 前端切图:CSS实现隐藏滚动条同时又可以滚动
- div不显示滚动条但实现鼠标移上去可以上下滚动的效果
- CSS 实现隐藏滚动条同时又可以滚动
- 悬停效果 静止不动 不随滚动条滚动 纯css实现
- CSS 实现隐藏滚动条同时又可以滚动
- CSS 实现隐藏滚动条同时又可以滚动(转)
- css如何实现滚动条隐藏但鼠标仍然可以滚动
- CSS实现隐藏滚动条的同时保留滚动效果
- web前端——css写隐藏滚动条但可以有滚动的效果【最简单有效办法~】
- 悬停效果 静止不动 不随滚动条滚动 纯css实现
- CSS 实现隐藏滚动条同时又可以滚动
- CSS 实现隐藏滚动条同时又可以滚动
- CSS 实现隐藏滚动条同时又可以滚动(转)
- 通过CSS切换图片效果,点击这个图片可以实现连接功能,这里的图片在一张大图片中,每个并要切换的图片没有切换,通过disposition定位的方式做
- CSS 实现隐藏滚动条同时又可以滚动
- 子元素scroll父元素容器不跟随滚动(JS实现),子元素内滚动条没有(css实现)
- 纯CSS实现隐藏滚动条但仍具有滚动的效果
- 使用css实现页面头部固定,下面随着内容的增多滚动,但是头部不动的效果