Как сделать, чтобы js работал с несколькими id?

Вот код js:
var postion = $('#4').offset().top,
    height = $('#4').height();
    $(document).on('scroll', function (){
        var scroll = $(document).scrollTop();
        if(scroll  > postion && scroll < (postion + height) ) {
            $('.line').addClass('line-color-black')
        }else {
            $('.line').removeClass('line-color-black')
        }
    })


Как сделать, чтобы он ещё работал и с id #8?
  • Вопрос задан
  • 182 просмотра
Пригласить эксперта
Ответы на вопрос 2
l3ftoverz
@l3ftoverz Куратор тега jQuery
Люблю Финский металкор и ищу работу.
function youEvent (selector) {
  var postion = $(selector).offset().top, height = $(selector).height();
  var scroll = $(document).scrollTop();

  if(scroll  > postion && scroll < (postion + height) ) {
    $('.line').addClass('line-color-black')
  } else {
    $('.line').removeClass('line-color-black')
  }
}

$(document).on('scroll', function () {
  youEvent('#4');
  youEvent('#8');
});
Ответ написан
Austin_Powers
@Austin_Powers
Web developer (Symfony, React.js)
Попробуйте так: $('#4, #8')
Если не сработает - навешивайте какой-нибудь класс.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы