ul li 下拉菜单，当我打开菜单时，底部的对象会下降答案

【问题标题】：ul li dropdown, bottom objects go down when i open menuul li 下拉菜单，当我打开菜单时，底部的对象会下降
【发布时间】：2022-01-05 00:29:20
【问题描述】：

当我打开ul下拉菜单时，我不希望底层对象滑动，怎么办？

$("ul").on("click", function() {
  $(this).closest("ul").children('li:not(.init)').toggle();
});

ul {
  max-height:100px;
  overflow:auto;
  width:250px;
  border:1px solid #CCC;
  
}
ul li:not(.init) {
  padding: 5px 10px;
  display:none
  }
textarea{
  resize:none;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="selected-change">
<li class="init">Select</li>
<li>Example 1</li>
<li>Example 2</li>
<li>Example 3</li>
<li>Example 4</li>
<li>Example 5</li>
<li>Example 6</li>
</ul>
<textarea placeholder="...."></textarea>

谢谢你。

【问题讨论】：

标签： jquery css

【解决方案1】：

我相信如果你把绝对位置放在菜单上它应该可以工作

【讨论】：

是的，我知道，但是这次它把底层对象带到了顶部，所以我觉得有必要问一个问题。