MoeMail 操作优化

创建于 5 个月前
更新于 5 个月前
优化 MoeMail 交互:限制下拉列表高度并启用平滑滚动,新增选项悬停动画与边框高亮。
总安装量
62
今日新增
+0
用户评分
- / 5.0 (0)
当前版本
1.0.0
脚本详情

测试说明

  • 测试平台:桌面端(PC)
  • 浏览器:Microsoft Edge
  • 测试结果:✅ 功能正常,未发现异常

问题说明

下图来自 Issue #59,用于说明问题出现时的实际表现,并非测试结果截图:

问题截图

场景说明:
已添加约 45 个域名,下拉选项超出屏幕,仅能显示部分内容,
在桌面端 Edge 浏览器中无法滚动查看其余选项。

当域名数量达到一定规模时,原有下拉选择组件高度不受限制,会导致选项列表超出屏幕可视区域,且无法通过滚轮进行滚动操作,影响域名选择与配置效率。

解决方案

  • 为下拉选项列表设置最大高度限制
  • 启用滚动行为,确保超出部分可通过滚轮访问
  • 在隐藏原生滚动条的同时保留滚动能力,保证交互一致性

效果验证

  • 下拉列表不会再超出屏幕
  • 滚轮滚动行为正常
  • 未影响原有选择、点击等交互逻辑