Usé jquery.sticky y jquery.scrollbar. Intenté desplazar el bloque adhesivo en la ventana de desplazamiento paralelo. Este código está trabajado, pero tiene algunas bolsas en Chrome y Edge en Windows. (no hay en ubuntu). Cuando el bloque pegajoso se desplaza, el evento de desplazamiento de la ventana se activa una vez. Parece que el desplazamiento es lento. Cuando el bloque pegajoso está en la posición final, el evento de desplazamiento de la ventana se activa varias veces. Si comento las líneas "$('.content__sidebar').scrollTop(total_scrolled);" el desplazamiento lento desaparecerá. Sticky block tiene un hijo con jqury.scrollbar. Intenté deshabilitar jquery.scrollbar pero el problema persistía. ¿Por qué el evento de desplazamiento de la ventana se activa una vez, cuando el bloque pegajoso se desplaza?
$('.content__sidebar').sticky({topSpacing:155, bottomSpacing: 310}); $(window).scroll(function(e){ var scrollTop = $(window).scrollTop();//+10; direction = scrollTop-scrollTop_prev; console.log({scrollTop:scrollTop,scrollTop_prev:scrollTop_prev,direction:direction,total_scrolled:total_scrolled}); if (direction_prev>0 && direction<0) { //console.log("revert"); //total_scrolled = $('.content__sidebar').scrollTop(); } else if (direction>0) { //console.log("down"); total_scrolled += direction; $('.content__sidebar').scrollTop(total_scrolled); } else { total_scrolled += direction; $('.content__sidebar').scrollTop(total_scrolled); } if (total_scrolled>$('.content__sidebar').scrollTop()) { total_scrolled = $('.content__sidebar').scrollTop(); } if (total_scrolled<0) { total_scrolled = 0; } scrollTop_prev = scrollTop; direction_prev = direction; });