Fix CSS for mobile browsers and various html/body targeting libraries

[JoryHogeveen]

Fixes: #251
Related: #292

Todo

• Check animations (shift and reveal don't work correctly for top and bottom because z-index: 0;)
• Check other options (example: disable site scrolling is not working with this fix when hovering over the sidebar)

[philippfrenzel]

👍

[NoLooseEnds]

Thanks. This solved my issue #277

EDIT: Looks like it breaks smoothscroll to #anchors

    $( 'a[href^="#"]' ).on( 'click', function( event ) {
      event.preventDefault();

      var target = $( this ).attr( 'href' );

      $( '[canvas="container"]' ).animate( {
        scrollTop: $(target).offset().top,
      },
      700 );
    });

EDIT2: Looks like a more traditional smooth scroll approach works. :)

[JoryHogeveen]

@NoLooseEnds
Yep this was meant for enable "normal" smooth scroll scripts again as well. :)