在前端开发中,滚动条是非常常见的一个功能。本文将分享div滚动条的实现方法。
方法一:通过CSS的::-webkit-scrollbar属性实现滚动条的美化,代码如下:
.scrollbar::-webkit-scrollbar {
width: 8px;
}
.scrollbar::-webkit-scrollbar-thumb {
background-color: #c1c1c1;
}
方法二:使用JS插件实现滚动条,比如mCustomScrollbar插件。
使用该插件时,首先在head部分引入JS和CSS: