分享一个 Windows11 中的设计小巧思

[wonderqs]

在 Windows11 的资源管理器中，右键菜单新建的时候你会发现一级菜单和二级菜单的位置是错开的：

那么就会有这么一个有趣的现象：

我确认了一下，我的版本是 Windows 11 企业版 25H2 26200.9168 ，缩放比 125%

然后群友提到的点一下 新建 的一级菜单就能定住二级菜单这一点我也试了下，没有成功，但是如果鼠标在第一菜单的位置上静止 2 秒之后二级菜单的确定住了，但是不是每一次都能定住，要试个几次才能成功一次。

我感觉这个把二级菜单定住的操作不是设计内的功能，可能也是一个偶发现象。

[archxm]

没看明白

[wonderqs]

@archxm 这个一级菜单和二级菜单是错开的，如果没有特殊走位，你的鼠标是挪不到二级菜单上面去的

[Dwayne]

复现失败，我更倾向认为是触发了某种 bug

[wonderqs]

你在分辨率设置那里把缩放比调成 125%呢？

[duanxianze]

对前端程序员来说很常见，你直接移出了整个 div 区域，导致 hover 失效了，你先移动到二级菜单就行了，这不是 window11 的问题，作为前端来说也不认为这有什么问题

[duanxianze]

复现了一下，你在新建那里点一下就能固定住

[aepoo]

我比例 200%确实出现没有贴合的情况，但是鼠标移出二级菜单还在，也许已经修复了？

[cpstar]

我看了半天才看明白，如果屏幕下方的空间不足，往上弹出的时候才会出现，然后鼠标挪动，并不会立即消失，即便滑向别处也会稍微停留片刻才隐藏，大概 1 秒钟

[QingXuJiaZhi]

刚测试了一下，可以“绕路”过去，二级菜单弹出后，鼠标停在“新建”栏不要出来，要停两秒，然后鼠标从左边出来（假设二级菜单在右边，鼠标就从左边出来），在此过程中要注意鼠标不可向上移或向下移，必须平移从左边出来，出来后，只要不再碰到一级菜单，那么二级菜单就会保持显示。

[ssiitotoo]

没这种问题

[archxm]

把消息队列记录下来，哈哈。

[YamatoRyou]

XP 时代就注意到过. 我猜设计理念是确保菜单在桌面的任意部分弹出都能完整显示.
如果是多桌面 (非拼接屏幕), 菜单或鼠标指针都不会盲目跨越桌面边缘.
既然子菜单的动画向上伸展, 我猜上一级菜单的初始位置靠近桌面底边, 子菜单要遵循 "完整显示" 的原则进而向上伸展而不是越过桌面边缘.

[LovelyRed]

25H2 ，跟楼主不太一样，鼠标在新建的区域内持续一下就直接展开固定了

[wonderqs]

@QingXuJiaZhi 我验证了，不能稳定的定住二级菜单，时而行时而不行，不像是个设计内的功能

[malusama]

话说 windows 的菜单没有实现安全三角区吗？
https://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown

[wonderqs]

@malusama 你这个内容很有意思，不知道是不是 web 前端的通用准则，但是桌面程序这块我观察是基本没人考虑这个问题，chrome 的下拉菜单也没有这个设计

[X_Del]

https://floating-ui.com/docs/usehover#safepolygon