我的网页here的下拉导航菜单有问题；这是基于我特别喜欢的旧视频游戏的界面。我已经在Bootstrap 3.3.7中设置了“附件”，以便当用户向下滚动超过某个点时，菜单按钮将出现在页面右侧的固定位置，而不是到其在中心的默认位置。我以前曾注意到，在此位置，如果用户单击按钮，则除非用户随后向上或向下滚动，否则菜单不会出现。我从不知道为什么会这样。
现在，尽管可能是由于Bootstrap版本较新，所以单击按钮然后按向上或向下箭头不会向下滚动。它的确使菜单出现，但是在跳回到页面顶部并使用新功能的同时，用户可以使用箭头键选择菜单项。单击后，我仍然可以使用滚动条来代替使用向下箭头，这仍然会使菜单显示在正确的位置。但是，当然，这很尴尬，大多数用户可能不会想到这样做。
我只希望下拉菜单在默认位置以与默认位置相同的方式运行，我不确定如何执行此操作。
这是我用于按钮和菜单本身的标记：
<button class="btn btn-primary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" data-spy="affix" data-offset-top="231">
Where to?
<img id="feet-icon" src="feet-icon.png" alt="feet icon" />
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="menu1" data-spy="affix" data-offset-top="231">
<li id="li-top" class="othernavbar"><a href="#downloads">Downloads</a></li>
<li class="othernavbar normal"><a href="#images">Game Images</a></li>
<li class="othernavbar normal"><a href="#icons">Icons</a></li>
<li class="othernavbar normal"><a href="#music">Music</a></li>
<li id="li-bottom" class="othernavbar"><a href="https://bdferr.github.io">My Homepage</a></li>
</ul>
我的样式表是here。
我已确保在文档的开头先引用了jQuery（2.2.4），再引用了Bootstrap。