Как убрать элемент при скролле?

Question

[Дмитрий]

Есть лендинг, который сделан на fullpage, там фиксированная шапка и футер. Всего 7 скроллов, нужно сделать так, чтобы на 7 скролле скрыть фиксированный футер. Подскажите, как это можно реализовать? Спасибо.

Comments

[xmoonlight]

Покажите: что не получилось?

[Дмитрий]

есть лендинг который сделан на fullpage.js, там есть фиксированная шапка и футер, всего 7 слайдов (то есть 7 скролло) как скрыть на последней скролле фиксированный футер (на 7), а на 6 и до 1 скролла показать его?

Через z-index не получается, тогда футер не будет активным

Вот пример:

<header>Фиксированная шапка</header>
<div id="page">
  <div class="section">1</div>
  <div class="section">2</div>
  <div class="section">3</div>
  <div class="section">4</div>
  <div class="section">5</div>
  <div class="section">6</div>
  <div class="section">7 - каогда мы тут нужно скрыть футер</div>
  </div>
    <footer>Фиксированный футер</footer>

header {
  position: fixed;
  top: 0
}

footer {
  position: fixed;
  bottom: 0
}

$(document).ready(function() {
        $(document).ready(function() {
            if ($(document).width() > 1100) $("#page").addClass("fp-enabled");
            $('#page.fp-enabled').fullpage();
        });
    }
);

Answer 1

[FeST1VaL]

проверять текущий слайд и если он равен последнему, то добавить класс футеру который его скроет

Comments

[Дмитрий]

Если есть возможность, можно пожалуйста пример кода?

[FeST1VaL]

moiseev1788, посмотрите документацию слайдера и сделайте. Я не пользуюсь им и потрачу столько же времени на поиск информации. Надо при смене слайда брать значение текущего слайда и проверять