Html 向上滚动菜单

我想使用这里讨论过的css，但是让菜单向上而不是向下滚动

---

只需交换

两个
和
一个
的位置即可。
用小提琴试试这个

<div class="wrapper">
    <div id="two">
        <ul>
            <li>Menu1</li>
            <li>Menu2</li>
            <li>Menu3</li>
        </ul>
    </div>
    <div id="one">(content)</div>
</div>



菜单1
菜单2
菜单3

（内容）
剩下的留给你的时间里，我已经设法做到了这一点

HTML

<div class="wrapper">
<div id="one">(content)</div>
<div id="two">
<ul>
<li>Menu1</li>
<li>Menu2</li>
<li>Menu3</li>
</ul>
</div>
</div>

body, * {
margin: 0;
padding: 0;
}
.wrapper {
margin-top:5em;
border: 1px solid black;
}
#two {
position:absolute;
height: 0em;
overflow: hidden;
transition-property: height;
transition: all 1s ease-in-out;
}
.wrapper:hover #two {
height: 4em;
margin-top:-5em;
}