@toha_man

Как поднять на верх страницы с помощью scrollTo и фиксированного меню?

Друзья. Столкнулся с такой проблемкой небольшой. Допустим у нас есть фиксированное меню в шапке страницы:

<div class="top-menu">
  <ul><li>.....</li></ul>


.top-menu {
  position:fixed; 
  width:100%;
  top:0;left:0;
  z-index:5;
}


На него, с помощью jquery, навешена бутстраповская функция scrollspy, которая отслеживает скролл страницы и если в области видимости есть элемент с таким же id как и у элемента списка списка в меню, т.е.

<section id="p1">...</section>, а в меню
<li><a href="#p1">...</a>

добавляет класс active к элементу меню за счет чего можно это дело разукрасить. Всё бы хорошо. Но не удается реализовать пункт меню наверх из-за того что меню занимает верх и скрол не происходит до конца, даже если повесить якорь на

Можно вручную повесить скролл к позициям 0 , но тогда не будет добавления класса active через бутстрап. А если добавлять класс , то все равно это работает криво с бутстраповской анимацией.
  • Вопрос задан
  • 81 просмотр
Пригласить эксперта
Ответы на вопрос 1
daruvayc0
@daruvayc0
Обычно в меню не делают кнопки "наверх" ее проявляют снизу когда человек спустился ниже по странице. Но если я Вас правильно понял, то посмотрите здесь на реализацию. https://jsfiddle.net/Poter/vdf5nrot/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы