Блог

Главная - Вопросы по программированию - почему этот скрипт не работает??? -отображение div зависит от высоты прокрутки

почему этот скрипт не работает??? -отображение div зависит от высоты прокрутки

#javascript

#javascript

Вопрос:

я хочу, чтобы при прокрутке вниз отображались два блока div, чтобы «couponimg_box» отображался при прокрутке вниз на 300

и «couponimg_box2» отображается, когда оно было 800.

«couponimg_box» работает сейчас, но проблема в том, что «couponimg_box2» не работает….

есть ли какой-нибудь способ это исправить??? любая помощь будет очень признательна! Спасибо!

 myID1 = document.getElementById("coupon_box");
myID2 = document.getElementById("coupon_box2");

var myScrollFunc = function() {
  var y = window.scrollY;
  if (y >= 300) {
    myID1.className = "couponimg_box show"
  } else {
    myID1.className = "couponimg_box hide"
  }

  if (y >= 800) {
    myID2.className = "couponimg_box2 show"
  } else {
    myID2.className = "couponimg_box2 hide"
  }
};

window.addEventListener("scroll", myScrollFunc);

Комментарии:

1. Вы должны добавить некоторый html-код, чтобы фрагмент мог выполняться, и люди могли видеть текущий результат на месте.

2. Также вы проверили, изменилось ли имя класса myID2 ?

3. о ;;; вы правы ….. спасибо!