0

Пытался сделать что-то типо этого, но никак...

<style>
.dialott {
  top: 10px;
  z-index: 9999;
  transition:all 0.6s cubic-bezier(0, 0, 0.8, 1.0);
}
.opacity {
  opacity: 0;
}
</style>

<script>
  $(document).ready(function(){
    /* нужно заменить на код блока  Zero выполняющего роль меню */
    var element = 'dialott';
    //Когда начался скролл экрана
    $(window).scroll(function() { 
      var top = $(document).scrollTop();
      //Если перемещение больше 5 px
      if (top >= 1) { 
        //То добавляем к меню наш фон
        $(element).addClass('opacity');
      } else {
        //Если поднялись наверх, то удаляем фон    
        $(element).removeClass('opacity'); 
      }
    });
</script>

1 ответ 1

1

Вы обращаетесь к dialott как к тегу, а должны обращаться как к классу

var element = '.dialott';

Ну и тут scrollTop надо брать либо у window, либо у this

var top = $(this).scrollTop();
2
  • Я б ещё добавил, что автору в переменной element лучше хранить сам элемент, а не класс к нему (var element = $('.dialott'))
    – De.Minov
    27 дек 2021 в 2:26
  • И ещё, автор не закрыл функцию $(document).ready(function(){
    – De.Minov
    27 дек 2021 в 2:29

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.