Как изменить функцию scrollTop?

Question

[gfr3]

Подскажите,как сделать что бы при разрешении <777 удалялся этот блок,что добавляется $('.div_clone').clone().appendTo('.container2');

$(window).scroll(function onScroll() {
  if ($(window).scrollTop() > 777) {
    $('.div_clone').clone().appendTo('.container2');
    $(window).off('scroll', onScroll);
  }
});

Answer 1

[forspamonly2]

обычно такие вещи делают по-другому:

в обработчике событий скроллинга при в зависимости от того, больше или меньше позиция нужной границы, устанавливают или убирают класс какому-нибудь из контейнеров, например body. а уже видимость и позиция блоков привязывается к этому классу в цсс-ке.

$(window).scroll(()=>$('body').toggleClass('scrolled', window.scrollY > 200))

.scrolled .target-block {
position: fixed;
top: 0;
}

а ещё посмотрите на position: sticky, может вам и оно подойдёт

Comments

[gfr3]

Проблема в том что в div_clone лежит изображение, которое при скролинге постоянно дублируется

[forspamonly2]

а это вообще не имеет смысла. если надо повторять картинку, для этого есть повторяющийся фон у блока