Показать div при прокрутке не работает при обновлении страницы / если он еще не запущен - PullRequest
0 голосов
/ 26 марта 2020

Я пытаюсь исчезнуть в div после прокрутки к определенной точке (красивая страница в середине моей первой страницы). Хорошая функция, которая делает это, может быть найдена здесь: Показать div на scrollDown после 800px

Я говорю об этом

  var y = $(this).scrollTop();
  if (y > 300) {
    $('.bottomMenu').fadeIn();
  } else {
    $('.bottomMenu').fadeOut();
  }
});

Но проблема с этим во-первых, он не скрывает div, если вы еще не прокрутили точку исчезновения. Сначала я хочу спрятать div, а затем показать его, когда прокручиваю до него или после точки, где я его получаю (для меня это 300px).

Я пробовал:

  • установив непрозрачность div (или заголовка в div) на 0: это вообще ничего не отображало. Я сделал это, так как увидел, что fadeIn () и fadeOut () являются преобразованиями непрозрачности. Сначала я хотел скрыть его по непрозрачности, а затем позволить функции изменять его значения. Это не сработало.

Я думаю, что мне нужна отдельная функция, которая проверяет, не прокрутила ли я еще точку y и если так, то скрывает div. И как только я прокручиваю до точки y, функция должна работать как обычно. Но я понятия не имею, как написать JavaScript.

1 Ответ

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

Я исправил это сам. Мне нужно было набрать display: none для div.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...