Question

我正在设计一个多列嵌套菜单控件。我正试图找出飞出子菜单的位置。子菜单目前在“＆gt;”上空飞行，而不是项目文本。

假设这是菜单。

-------------------
|item 1 >|item 2 >|
|item 3 >|item 3 >|
-------------------

选项1：

-------------------
|item 1 >|item 2 >|
|item -------------------
------|item 1.1|item 1.2|
      |item 1.3|item 1.4|
      -------------------

选项2：

-------------------
|item 1 >|item 2 >|
-------------------
|item 1.1|item 1.2|
|item 1.3|item 1.4|
-------------------

选项3：

-------------------
|item 1 >|-------------------
|item 3 >||item 1.1|item 1.2|
----------|item 1.3|item 1.4|
          -------------------

选项4：

-----------------------------
|item 1 >||item 1.1|item 1.2|
|item 3 >||item 1.3|item 1.4|
-----------------------------

您认为哪一个更加用户友好？

Answer 1

我建议没有一个选项是可行的。您需要的是将盒子放置在您悬停的项目下方1.5行，这样如果您将鼠标放下，则不会卡在打开的盒子上。同样实际适用于水平E.g：

-------------------
|item 1 >|item 2 >|
|item    |        |
--------------+------------------
              |item 1.1|item 1.2|
              |item 1.3|item 1.4|
              -------------------

我不能在ascii中显示半行，但你应该有希望得到这个想法

如何相对于其父级定位子菜单？

1 个答案: