a method trigger when scrolling and minimum height of display.

triggerScroll.js

/*
* targetId : is target of element, get based on ID/class/query element.
* htmlBody : count all body HTML.
*/

function triggerScroll() {
  let targetId = document.getElementById('topStickyWrapper');
  let htmlBody = document.documentElement;

  window.addEventListener('scroll', function () {
      if (htmlBody.scrollTop > 200 && htmlBody.scrollTop < 1000) {
          targetId.classList.add('topStickyFloating');
      } else {
          targetId.classList.remove('topStickyFloating');
      }
  });
}