select group 分组后，用鼠标滚动查看有问题来回跳动

本帖最后由 doocal 于 2024-6-25 17:01 编辑
版本：

360社区

动画演示：

360社区

测试代码：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>DEMO</title>
</head>
<body>
<select name="test">
<optgroup label="生命周期">
<option value="100141">准入</option>
<option value="100211">资质</option>
<option value="100731">专利</option>
<option value="100741">贷款</option>
<option value="100751">投资</option>
<option value="100761">招录</option>
<option value="100771">税费</option>
<option value="100781">注销</option>
</optgroup>
<optgroup label="主题">
<option value="100131">发展规划</option>
<option value="100221">投资审批</option>
<option value="100791">人力资源</option>
<option value="100801">融资信贷</option>
<option value="100811">抵押质押</option>
<option value="100821">司法公证</option>
<option value="100831">科技创新</option>
<option value="100841">教育培训</option>
<option value="100851">新闻出版</option>
<option value="100871">商务贸易</option>
<option value="100861">文体旅游</option>
<option value="100881">招标拍卖</option>
<option value="100891">交通运输</option>
<option value="100901">工程建设</option>
<option value="100911">国土规划</option>
<option value="100921">环保气象</option>
<option value="100931">档案文物</option>
<option value="100941">涉外服务</option>
<option value="100951">农林牧渔</option>
<option value="100961">民族宗教</option>
<option value="100971">市场监管</option>
<option value="100981">检验检疫</option>
<option value="100991">安全生产</option>
<option value="101051">税收优惠</option>
<option value="101171">科技发展</option>
</optgroup>
<optgroup label="行业">
<option value="102251">农、林、牧、渔业</option>
<option value="102261">采矿业</option>
<option value="102271">制造业</option>
<option value="102281">电力、热力、燃气及水生产和供应业</option>
<option value="102291">建筑业</option>
<option value="102301">批发和零售业</option>
<option value="102311">交通运输、仓储和邮政业</option>
<option value="102321">住宿和餐饮业</option>
<option value="102331">信息传输、软件和信息技术服务业</option>
<option value="102341">金融业</option>
<option value="102351">房地产业</option>
<option value="102361">租赁和商务服务业</option>
<option value="102371">科学研究和技术服务业</option>
<option value="102381">水利、环境和公共设施管理业</option>
<option value="102391">居民服务、修理和其他服务业</option>
<option value="102401">教育</option>
<option value="102411">卫生和社会工作</option>
<option value="102421">文化、体育和娱乐业</option>
<option value="102431">公共管理、社会保障和社会组织</option>
<option value="102441">国际组织</option>
</optgroup>
</select>
</body>
</html>