Как сделать появление блока при скролле вниз?

Question

[zeaovede]

Как сделать, чтобы блок появлялся через 500px при скролле вниз?

Comments

[ProjectSoft]

zeaovede
1. Исправить ошибку в html коде на элементе.fixed_widget. Ошибка серьёзная.
2. Исправить ошибку в JS. addClasss - нет такого метода, есть addClass

Answer 1

[wadowad]

На jQuery сходу:

let limit = 500,
    top = 0;

$(window).on('croll', function() {
  top = $(this).scrollTop();

  if (top >= limit) {
    $('.fixed_widget').addClasss('showed').removeClass('hidden');
  } else {
    $('.fixed_widget').addClasss('hidden').removeClass('showed');
  }
});

Comments

[zeaovede]

Ругается

[ProjectSoft]

wadowad не мог он у тебя сходу запустить этот код.

Рабочий вариант

[wadowad]

ProjectSoft, да, накосячил. Написал, а работоспособность не проверил...