Как исправить видимые и отключить навигационную панель при прокрутке вниз - PullRequest
Новая
       17

Как исправить видимые и отключить навигационную панель при прокрутке вниз

0 голосов
/ 03 февраля 2019

Я настраиваю новую веб-страницу начальной загрузки, которая содержит навигационную панель вверху и ползунок в середине и 2 раздела контента внизу, как я могу сделать навигационную панель видимой при прокрутке вверху и скрыть навигационную панель в области слайдера, также видимойНавбар на контент 

<nav class="navbar navbar-default header_aera" id="main_navbar">

 <div class="container">
        <ul class="nav navbar-nav top_nav">
            <li><a href="#"><i class="fa fa-phone"></i>+00 (0) 00 000 0000</a></li>
            <li><a href="#"><i class="fa fa-envelope-o"></i>info@mysite.com</a></li>
            <li><a href="#"><i class="fa fa-clock-o"></i>Sun - Thu 08:00 - 17:00</a></li>
        </ul>
</div>
</nav> 


<section class="slider_area row m0">
    <div class="slider_inner">
    <p>this is slider area</p>
</div>
</section>



<section class="professional_builder row">
    <div class="container">
<p>this is first section area</p>
 </div>
</section>



<section class="professional_builder row">
    <div class="container">
<p>this is second section area</p>
 </div>
</section>

также я попробовал эту функцию Jq 

 function mainNavbar(){
    if ( $('#main_navbar').length ){ 
         $('#main_navbar').affix({
            offset: {
                top: 10,                                
                bottom: function () {
                    return (this.bottom = $('.footer').outerHeight(true))
                },

            }
        }); 
    };

};

теперь, когда я прокручиваю вниз панель навигации, видим, но для всей страницы я хочу видеть только для разделов контента, а не для слайдерараздел

...