CSS 实现隐藏滚动条同时又可以滚动内容

宋华发布于2019-08-30 10:59 / 1784人阅读


   
      我是内容

.outer_div {
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 200px;
}
.inner_div {
  position: absolute;
  left: 10px;
  right: -20px;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

ok，有了以上的代码就可以轻松的实现效果啦！

GPU云服务器云服务器 css滚动条滚动条css html 滚动条 css 滚动条html实现

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/114701.html

使用CSS隐藏元素滚动条

摘要：使用隐藏元素滚动条如何隐藏滚动条，同时仍然可以在任何元素上滚动首先，如果需要隐藏滚动条并在内容溢出时显示滚动条，只需要设置样式即可。使用CSS隐藏元素滚动条如何隐藏滚动条，同时仍然可以在任何元素上滚动？首先，如果需要隐藏滚动条并在内容溢出时显示滚动条，只需要设置overflow：auto样式即可。想要完全隐藏滚动条只需设置overflow：hidden即可，但是这样一来将导致元素...

sanyang 2019-08-30 11:21 评论0 收藏0
css隐藏移动端滚动条并且ios上平滑滚动

摘要：完整代码如下移动端隐藏滚动条解决方案解决上滑动不流畅推荐娃娃日用品美妆护肤娃娃日用品美妆护肤娃娃 HTML代码如下移动端隐藏滚动条解决方案 * { padding: 0; margin: 0; } .par-type { height: 50px; ...

wangzy2019 2019-08-30 15:55 评论0 收藏0
css隐藏移动端滚动条并且ios上平滑滚动

摘要：完整代码如下移动端隐藏滚动条解决方案解决上滑动不流畅推荐娃娃日用品美妆护肤娃娃日用品美妆护肤娃娃 HTML代码如下移动端隐藏滚动条解决方案 * { padding: 0; margin: 0; } .par-type { height: 50px; ...

Karrdy 2019-08-02 14:10 评论0 收藏0
纯css，div隐藏滚动条，保留鼠标滚动效果。[转载]

摘要：滚动条一出现就破坏了效果。我们不希望出现滚动条，也不希望超出去的内容被放逐，就要保留鼠标滚动的效果。这个内层其实是会出现滚动条的，所以不影响鼠标的滚动效果，而且我们看不到滚动条了。也是让滚动条被遮住了。前记当我们的内容超出了我们的div，往往会出现滚动条，影响美观。尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。我们不希望出现滚动条，也不希望超出去的内容被放逐，...

cooxer 2019-08-02 12:00 评论0 收藏0
纯css，div隐藏滚动条，保留鼠标滚动效果。[转载]

摘要：滚动条一出现就破坏了效果。我们不希望出现滚动条，也不希望超出去的内容被放逐，就要保留鼠标滚动的效果。这个内层其实是会出现滚动条的，所以不影响鼠标的滚动效果，而且我们看不到滚动条了。也是让滚动条被遮住了。前记当我们的内容超出了我们的div，往往会出现滚动条，影响美观。尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。我们不希望出现滚动条，也不希望超出去的内容被放逐，...

jemygraw 2019-08-29 17:15 评论0 收藏0