如何做一个滚动的列表并且去掉滚动条

93 阅读1分钟

开发中当内容过多时!我们需要做一个滚动的效果!这时候我只要加上

overflow-y: scroll;

加上这行代码后就可以实现溢出滚动了。当时滚动条太影响美观所以去掉:
方法:

Firefox浏览器

 

  对于Firefox,我们可以将滚动条宽度设置为none:

 

  scrollbar-width: none; /* Firefox */
ChromeSafari浏览器

 

  对于ChromeSafari浏览器,我们必须使用CSS滚动条选择器,然后使用display:none隐藏它:

 

  dome::-webkit-scrollbar {

 

  display: none; /* Chrome Safari */

 

  }