需要<input />以滚动到部分ID

Question

我有一个输入触发jQuery切换以在两个不同的div中切换内容...在这种情况下是两个单独的菜单。

因为一个菜单比另一个菜单长得多，所以我将该输入放在一个向上滚动到容器顶部的a-tag中，这样如果用户位于长菜单的底部，然后切换到短菜单，他们并没有停留在容器的底部。一个菜单很长，特别是在移动视口上。

所有内容都完全符合预期，但它会抛出HTML5验证错误，因为a-tag无法包含输入。

有关保留功能但消除错误的任何建议吗？

HTML：

<section id="menu-bin">
    <div id="menu-1">
        <!--  A Bunch of Menu Content -->
    </div>
    <div id="menu-1">
        <!--  A Bunch of Menu Content -->
    </div>       
</section>

<div class="button-switches">
    <a class="scrolly" href="#menu-bin">
    <!-- Forces scroll to top of menu (important for mobile) -->
    <input id="menu-switch1" type="button" value="Switch Menus" /></a>
</div>