складное меню навигации с проблемой постоянных ссылок - PullRequest
Новая
       26

складное меню навигации с проблемой постоянных ссылок

0 голосов
/ 23 марта 2020

У меня досадная ситуация с недавно установленной панелью навигации.

Навигационные ссылки всегда активны, даже когда навигационное меню сайтов свернуто, что, в свою очередь, блокирует другие гиперссылки на сайте.

То, что я застрял, это то, что я добавляю к навигации css, чтобы эти невидимые ссылки не становились активными и не разрушали остальную часть моего сайта. Из исследований и игры с кодом, я думаю, что это форма отображения: нет, отображение: только при наведении курсора, даже добавление функции переключения данных, но то, как я это делаю прямо сейчас, за мной!

Я включил часть кода навигации, я думаю, что это проблема, и любая помощь будет оценена. 

.navigation__nav {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1500;
    opacity: 0;
    width: 0;
    transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

  .navigation__list {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    list-style: none;
    text-align: center;
    width: 100%;
    display: ???; }

  .navigation__item {
    margin: 1rem;
    display: ???; }


<div class="container-fluid">
<div class="navigation">
            <input type="checkbox" class="navigation__checkbox" id="navi-toggle">

            <label for="navi-toggle" class="navigation__button">
                <span class="navigation__icon">&nbsp;</span>
            </label>

            <div class="navigation__background">&nbsp;</div>

            <nav class="navigation__nav">
                <ul class="navigation__list">
                    <li class="navigation__item"><a href="../home/index.html" class="navigation__link"><span>01</span>Home</a></li>
                    <li class="navigation__item"><a href="../yoursetup/index.html" class="navigation__link"><span>02</span>Whats Your Setup?</a></li>
                    <li class="navigation__item"><a href="../yourmixes/index.html" class="navigation__link"><span>03</span>Your Mixes</a></li>
                    <li class="navigation__item"><a href="../tunes/index.html" class="navigation__link"><span>04</span>Tunes</a></li>
                    <li class="navigation__item"><a href="../media/index.html" class="navigation__link"><span>05</span>Media</a></li>
                    <li class="navigation__item"><a href="../links/index.html" class="navigation__link"><span>06</span>Links</a></li>
                    <li class="navigation__item"><a href="../contact/index.html" class="navigation__link"><span>07</span>Contact</a></li>
                    </ul>
            </nav>
        </div>
...