html - 菜单接管了导致跳跃效果的子元素的高度

Question

如您所见，当子菜单大于其父菜单时，它会产生非常烦人的效果。我想将主菜单保持在原来的高度，但我真的找不到造成这种行为的部分。这不是我创建的主题，因此更难找到解决方案。

这是实时网址:https://testing.sceneryworkshop.com

我在这里几乎精神崩溃:D 所以如果有人能帮助我，我将不胜感激!

根据要求提供一些代码(我不认为这个广告对我的帖子有多大帮助，但它可能是)。据我所知，它是使用 Twigg 的 Lightspeed HQ。我猜你想要一个 Live url 来与检查员一起检查以查看它的运行情况。

    <div class="nav-main">
      <ul>
        <li><a>{{ 'Menu' | t }}</a>
          <ul>
            {% for category in shop.categories | limit(10) %}
            <li><a href="{{ category.url | url }}">
              {% if theme.show_category_images %}<span class="img"><img src="{{ category.image | url_image('64x44x2', category.title) }}" alt="{{ category.title }}" width="32" height="22"></span>{% endif %}{{ category.title }}</a>
              {% if category.subs %}
              <ul>
                <li class="strong"><a href="{{ category.url | url }}">{{ category.title }}</a></li>
                {% for category in category.subs %}
                <li><a href="{{ category.url | url }}">{{ category.title }}</a>
                  {% if category.subs %}
                  <ul>
                    <li class="strong"><a href="{{ category.url | url }}">{{ category.title }}</a></li>
                    {% for category in category.subs %}
                    <li><a href="{{ category.url | url }}">{{ category.title }}</a>
                      {% if category.subs %}
                      <ul>
                        <li class="strong"><a href="{{ category.url | url }}">{{ category.title }}</a></li>
                        {% for category in category.subs %}
                        <li><a href="{{ category.url | url }}">{{ category.title }}</a></li>
                        {% endfor %}
                      </ul>
                      {% endif %}
                    </li>
                    {% endfor %}
                  </ul>
                  {% endif %}
                </li>
                {% endfor %}
              </ul>
              {% endif %}
            </li>
            {% endfor %}
            {% if shop.categories | length > 10 %}
            <li><a href="{{ 'catalog' | url }}">{{ 'All categories' | t }}</a></li>
            {% endif %}
          </ul>
        </li>
      </ul>
    </div>

Answer 1

谢谢@Elad!没有你我永远找不到这个!你让我今天一整天都感觉很好! 注释掉那部分解决了问题!

                        $(this).find('li.sub').on('mouseenter', function() {
                            $(this).delay(250).queue(function() {
                                // $(this).parents('ul').css('min-height', $(this).children('ul').outerHeight());
                                $(this).parents('ul:first').addClass('has-hover');
                                $(this).dequeue();
                            });
                        }).on('mouseleave', function() {
                            $(this).parents('ul').removeAttr('style');
                            $(this).parents('ul:first').removeClass('has-hover');
                        });
                    } ```