Инициирующее событие, когда конкретный раздел прокручивается до

Question

Инициирующее событие, когда конкретный раздел прокручивается до

0

Я хочу вызвать событие, когда я перейду к определенному разделу NOT с определенным количеством пикселей. У меня есть:

$(window).scroll(function () { 
   var y_scroll_pos = window.pageYOffset;
   var scroll_pos_test = document.getElementById ('resume');             

   if(y_scroll_pos > scroll_pos_test) {
       $("#backgroundimages").removeClass("bkg1").addClass("bkg2");
   } else {
   $("#backgroundimages").addClass("bkg1").removeClass("bkg2");
   }
});

Если я изменю var "scroll_pos_test" на фиксированное количество пикселей, он будет работать. Но я хочу, чтобы событие срабатывало, когда я попадал в раздел "резюме", который в зависимости от размера окна не всегда совпадает с тем же числом пикселей.

user3481949 31 март 2014, в 18:58

Источник

Теги:

javascript

jquery

2 ответа

0

я могу предложить этот плагин jQuery для вас, так как похоже, что вы уже используете jQuery.

corneliusk 31 март 2014, в 14:43

Ещё вопросы

Stefano Ortisi · Accepted Answer · 2014-03-31T14-45-00.000Z

Вы можете проверить смещение верхней части вашего раздела:

var offsetSection = $( '.my_section' ).offset().top

и на вашем слушателе прокрутки:

if( y_scroll_pos >= offsetSection) {
   // Here
}