Отключить функцию щелчка, когда пользователь прокручивает за определенную точку

Я действительно борюсь с этим, поэтому надеюсь, что кто-то может помочь! У меня есть следующий код, который меняет элементы с белого на черный, переключая класс.

<script type = "text/javascript"> 
$(document).ready(function(){
$('.cd-nav-trigger').click( function() {
$("#headerlogo").toggleClass("headerlogoblack");
} );
});
</script>

Но мне нужно, чтобы это работало, только если пользователь не прокрутил более 80 пикселей, как только они это сделают, эта функция больше не должна работать. Как мне добиться этого, пожалуйста - аналогичные примеры на StackOverflow, я просто не могу с этим работать.

jquery

27.10.2018 17:29

Как конвертировать HTML в PDF с помощью jsPDF

В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете добавить условие для проверки положения прокрутки window, используя scrollTop()

$('.cd-nav-trigger').click(function() {
  if ($(window).scrollTop() < 81) {
    $("#headerlogo").toggleClass("headerlogoblack");
  }
});

Отлично - спасибо, работает именно так, как мне нужно. Мне пришлось внести одну небольшую поправку и добавить $ (document) .ready (function () {перед вашим кодом, без этого он не будет работать. Это используется на сайте Wordpress, если это имеет какое-либо значение.

— 29.10.2018 23:07

27.10.2018 17:39