У меня есть выпадающее меню в нижней части моей страницы. Когда пользователь нажимает на нее, я хочу, чтобы страница автоматически прокручивалась до нижней части содержимого меню. Прямо сейчас пользователю приходится вручную прокручивать страницу вниз при открытии меню. Сначала я пытался использовать для этого якоря, но это нарушает функциональность раскрывающегося списка, поэтому я хотел бы сохранить его как кнопку.
Я включил тестовую якорь в свой plnkr, и он работает, как и ожидалось. Я также не понимаю, почему выпадающее содержимое появляется после теста div
.
HTML
<div class="bottom btn-group">
<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown" type="button"
aria-haspopup="true" aria-expanded="false">
Themes <span class="caret"></span>
</button>
<div class="dropdown-menu">
<ul>
<li>Teal</li>
<li>Gray</li>
<li>Plum</li>
<li>Violet</li>
</ul>
</div>
<br /><br /><br /><br />
<div id="test">test</div>
</div>
CSS
.bottom {
bottom: -890px;
}