面板的自定义滚动条不平滑滚动

使用CSS样式来为面板添加自定义滚动条，并将-webkit-overflow-scrolling设置为touch以实现平滑滚动。以下是代码示例：

HTML代码： <div class="panel"> <h2>面板标题</h2> <p>面板内容</p> </div>

CSS代码： .panel { height: 300px; width: 300px; overflow: auto; scrollbar-width: thin; scrollbar-color: #555 #bbb; -webkit-overflow-scrolling: touch; }

::-webkit-scrollbar { width: 6px; }

::-webkit-scrollbar-track { background: #bbb; }

::-webkit-scrollbar-thumb { background-color: #555; }