//html代码
<div class="layui-panel" id="wrap" style=" height: 130px; width: 300px; position: relative; /*超出隐藏*/ overflow: hidden; " >
<ul class="layui-menu" id="docDemoMenu1" style=" width: 300px; position: absolute; left: 0; top: 0; ">
<li lay-options="{id: 100}">
<div class="layui-menu-body-title" style=" width: 294px; vertical-align: top; height: 30px; text-align: center; line-height: 30px; " >列表111</div>
</li>
<li lay-options="{id: 101}">
<div class="layui-menu-body-title" style=" width: 294px; vertical-align: top; height: 30px; text-align: center; line-height: 30px; ">列表222</div>
</li>
<li
js实现菜单列表滚动条(鼠标滚轮事件)
最新推荐文章于 2024-06-24 15:18:02 发布
本文介绍了如何使用JavaScript配合HTML和CSS,实现菜单列表的滚动条功能,特别是结合鼠标滚轮事件,创建流畅的用户体验。
摘要由CSDN通过智能技术生成