Создал фиксированное меню слева, которое выше высоты экрана.
Внутри меню хотел сделать скроллинг через overflow
, но ничего не срабатывает:
var gamb = document.querySelector('.gamb');
var minMenu = document.querySelector('.min-menu');
gamb.onclick = function() {
minMenu.classList.add('show');
gamb.classList.add('delete');
}
a {
font-size: 70px;
}
.min-menu {
visibility: hidden;
position: fixed;
overflow: scroll;
}
.show {
visibility: visible;
}
.delete {
visibility: hidden;
}
<button type="button" name="button" class="gamb">gamb</button>
<div class="min-menu">
<div class="links-min">
<div class="link-min">
<a href="javascript://0" onclick="slowScroll('#main')" style="margin-left: 33px;">Главная</a>
</div>
<div class="link-min">
<a href="javascript://0" onclick="slowScroll('#registrate')" style="margin-left: 21px;">Регистрация</a>
</div>
<div class="link-min">
<a href="javascript://0" onclick="slowScroll('#aims')" style="margin-left: 24px;">Наши цели</a>
</div>
<div class="link-min">
<a href="javascript://0" onclick="slowScroll('#start')" style="margin-left: 27px;">Как начать?</a>
</div>
<div class="link-min">
<a href="javascript://0" onclick="slowScroll('#pros')" style="margin-left: 31px;">Преимущества</a>
</div>
<div class="link-min">
<a href="javascript://0" onclick="slowScroll('#why')" style="margin-left: 27px;">Почему мы?</a>
</div>
<div class="link-min">
<a href="javascript://0" onclick="slowScroll('#app')" style="margin-left: 22px;">Приложение</a>
</div>
<div class="link-min">
<a href="javascript://0" onclick="slowScroll('#tarif')" style="margin-left: 20px;">Цены</a>
</div>
<div class="link-min">
<a href="javascript://0" onclick="slowScroll('#contacts')" style="margin-left: 23px;">Мы в соцсетях</a>
</div>
</div>
</div>