使用 jquery 或 javascript 将菜单​​显示在顶部

Question

我在我的项目中使用了左侧导航 左侧导航包含带有菜单的滚动条 问题是，当我打开菜单时，子菜单项会显示，而某些项在我们必须滚动后会隐藏。所以我想 display at the top when I open menu menu showed to the top no need to scroll users so how to implement;

例如：

Answer 1

您好，您可以使用 javascript 或 jquery 因为您需要阅读 scrollIntoView() javascript 中的方法及其工作原理。

您可以查看阅读Here

因此，首先您需要在要显示的特定 div 上添加 id 或 class

假设我有HTML这样的代码

<li class="treeview" id="view"> // this treeview class is for showing submenu
  <a>Menu 4</a>
  <ul>
    <li>item 1</li>
    <li>item 1</li>
    <li>item 1</li>
  </ul>
<li>

之后只需在 <script></script> 标签中添加以下代码

$(".treeview").click(function(e){
      setTimeout(() => {
         var element = document.getElementById(e.currentTarget.id); // e.currentTarget.id give you current id when ever you click li or div this will give you view 
         if(e.currentTarget.id){
            element.scrollIntoView({
               behavior: 'smooth', block: 'nearest', inline: 'start',
            });
         }
      }, 500);  
 });