Раскрывающееся меню Bootstrap не откроется в позиции аффикса без прокрутки - PullRequest
Новая
       17

Раскрывающееся меню Bootstrap не откроется в позиции аффикса без прокрутки

0 голосов
/ 25 августа 2018

У меня проблема с раскрывающимся меню навигации на моей веб-странице здесь ;это основано на интерфейсе старой видеоигры, которая мне особенно нравится.Я настроил его с помощью 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>

Моя таблица стилей здесь .

Я убедился, что включил ссылку на jQuery (2.2.4) перед ссылками на Bootstrap в заголовке документа.

...