Скрытие панели навигации на первой странице с помощью jquery - PullRequest
Новая
       28

Скрытие панели навигации на первой странице с помощью jquery

0 голосов
/ 15 декабря 2018

Я много искал о том, как скрыть панель навигации от главной страницы моего сайта (то есть из раздела частицы-js) и отображать ее, когда пользователь взаимодействует с другими страницами с помощью jquery, и это также должно быть отзывчивым.

Я написал код в jquery, но он не работает должным образом.

HTML 

  <section id="particles-js">
        <div class="navbar-fixed">
            <nav class="black">
                <div class="nav-wrapper">
                    <a href="#" class="sidenav-trigger" data-target="mobile-nav">
                        <i class="material-icons">menu</i>
                    </a>
                        <ul class=" hide-on-med-and-down">
                            <li><a href=#>home</a></li>
                            <li><a href=#>about</a></li>
                            <li><a href=#>project</a></li>
                            <li><a href=#>contact</a></li>
                        </ul>
                </div>
            </nav>
        </div>

    </section>

javascript code 

  $(Document).ready(function(){
            var previousScroll=0;
            $(window).scroll(function(){
                var currentScroll = $(this).scrollTop();
                if(currentScroll>0  && (currentScroll< ($(document).height()- $(window).height())))
                {     
                    alert("heyy");
                    if (currentScroll < $(window).height()){
                        window.setTimeout(hideNav, 300);
                    }
                    else {
                        window.setTimeout(showNav, 300);
                    }

                }
                previousScroll=currentScroll;
            });


            function hideNav() {
                $(".black").hide();             
            }

            function showNav() {
                $(".black").show();
            }
        });

jfiddleссылка: - https://jsfiddle.net/arunoday/uxnyctbr/5/

1 Ответ

0 голосов
/ 15 декабря 2018

Это должно быть document со всеми строчными буквами в $(Document).ready(.. и фиксированным кодом 

$(document).ready(function() {
  $('.sidenav').sidenav();
  $(window).scroll(function() {
    var currentScroll = $(this).scrollTop();
    if (currentScroll < $(window).outerHeight()) {
      window.setTimeout(hideNav, 300);
    }
    else {
      window.setTimeout(showNav, 300);
    }
  });

  function hideNav() {
    $(".navbar-fixed").hide();
  }
  hideNav();

  function showNav() {
    $(".navbar-fixed").show();
  }
});
...