jquery toggle, который закрывается на свитке?

Question

У меня есть очень трудный клиент, требующий, что JQuery переключения закрывается, когда пользователь прокручивает вниз страницы, а не автоматически оставаться открытой/закрытия, когда пользователь сворачивает его ...

бы это было возможно? Мой JQuery довольно просто ...

$(document).ready(function() { 
 
    $('.nav-toggle2').click(function() { 
 
    //get collapse content selector 
 
    var collapse_content_selector = $(this).attr('href'); 
 
    //make the collapse content to be shown or hide 
 
    var toggle_switch = $(this); 
 
    $(collapse_content_selector).toggle(function() { 
 
     if ($(this).css('display') == 'none') { 
 
     //change the button label to be 'Show' 
 
     toggle_switch.html('Contact Us'); 
 
     } else { 
 
     //change the button label to be 'Hide' 
 
     toggle_switch.html('Contact Us <'); 
 
     } 
 
    }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<tag href="#contactus" class="nav-toggle2">Contact Us &lt;</tag> 
 
<div id="contactus">some content that hides/shows here</div>

Я могу обойти в JQuery, но я немного наивен, когда он Somes к интеграции новых эффектов в нее .... было бы возможно есть toggle_switch.html на прокрутке, поэтому, когда пользователь получает, возможно, 1/3 страницы вниз, он скрывается?

Answer 1

Основываясь на ваших комментариях, вы сказали, что не пробовали прослушивать событие прокрутки. Можете ли вы попробовать это? Это будет что-то вроде этого (код не тестировался):

$(window).on("scroll", function(){ 
     // you can replace this with your hiding toggle logic 
     $('.nav-toggle2').toggle('false'); 
    }); 

Вы можете отвязать событие из окна позже, чтобы избежать утечки памяти. Справка о прокрутке: Jquery scroll api