Fixed top banner disappears on resize

Problem/Motivation

This is the same problem as #3163958: Position of popup is not right when collapsed in floating mode, the fix to that really messed things up.

The current code looks like this but makes little sense:

    var checkIfPopupIsClosed = debounce(function () {
      var wrapperHeight = $wrapper.outerHeight();
      if (drupalSettings.eu_cookie_compliance.popup_position) {
        var wrapperTopProperty = parseFloat($wrapper.css('bottom'));
        if (wrapperTopProperty !== 0) {
          $wrapper.css('top', wrapperHeight * -1);
        }
      }
      else {
        var wrapperBottomProperty = parseFloat($wrapper.css('bottom'));
        if (wrapperBottomProperty !== 0) {
          $wrapper.css('bottom', wrapperHeight * -1);
        }
      }
    }, 50);

Either the variables are misnamed, and/or it's checking/setting the wrong CSS properties.

What happens is that on resize it's fetching the bottom position, names it the top position, checks if it's not zero (which it'll never be when top positioned and open), then it moves the banner to just above outside the window by setting its top position to its negative height.
This happens every resize so the banner will never be visible after a first resize.
Also, why parseFloat and not parseInt? Do we expect subpixel accuracy? In that case it's pointless to compare to exactly 0 without first rounding. ;)