Trying to remove part of the JS

JavaScript
1

I am trying the script in:

https://www.cssscript.com/auto-reveal-sticky-header-navigation-pure-javascript-css/

But I would like to remove the code that reveals the navbar when reaching the very end of the page.

I have tested some modifications without much success. There is always some problem after changing any part of the code. I have to admit that I am not a JS coder.

Is it possible?

;(function(document, window, index) {
  'use strict';

  var elSelector = '.header',
    element = document.querySelector(elSelector);

  if (!element) return true;

  var elHeight = 0,
    elTop = 0,
    dHeight = 0,
    wHeight = 0,
    wScrollCurrent = 0,
    wScrollBefore = 0,
    wScrollDiff = 0;

  window.addEventListener('scroll', function() {
    elHeight = element.offsetHeight;
    dHeight = document.body.offsetHeight;
    wHeight = window.innerHeight;
    wScrollCurrent = window.pageYOffset;
    wScrollDiff = wScrollBefore - wScrollCurrent;
    elTop = parseInt(window.getComputedStyle(element).getPropertyValue('top')) + wScrollDiff;

    if (wScrollCurrent <= 0)
      element.style.top = '0px';

    else if (wScrollDiff > 0)
      element.style.top = (elTop > 0 ? 0 : elTop) + 'px';

    else if (wScrollDiff < 0) {
      if (wScrollCurrent + wHeight >= dHeight - elHeight)
        element.style.top = ((elTop = wScrollCurrent + wHeight - dHeight) < 0 ? elTop : 0) + 'px';

      else
        element.style.top = (Math.abs(elTop) > elHeight ? -elHeight : elTop) + 'px';
    }

    wScrollBefore = wScrollCurrent;
  });

}(document, window, 0));

Thanks:

2

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.