Loading...
 

Hide Fixed Top Nav Bar on Scroll 19

Hide Fixed Top Nav Bar on Scroll in Tiki19+ (derived from version 0.3c)

TODO: merge with Hide Fixed Top Nav Bar on Scroll





YAML
instructions: Hidable Navigation Bar instructions
preferences:
 site_layout: social
 feature_sitelogo: n
objects:
 -
  type: module
  data:
   name: Hide Fixed Top Nav Bar on Scroll (0.4)
   position: bottom
   order: 1
   params:
    nobox: y
   custom: |
    {jq}{literal}
    $(document).ready(function () {
      var resetCSS = {
        transition: 'all .5s ease 0s',
        top: '',
        height: '',
        minHeight: '',
        opacity: '',
        overflow: ''
      };
      $(window).on("scroll", function () {
        if ($(window).scrollTop() > 200) {
          $('.navbar.fixed-top, .navbar-fixed-top').css({
              transition: 'all .75s ease 0s',
              top: '-20px',
              height: '25px',
              minHeight: '5px',
              opacity: '.75',
              overflow: 'hidden'
          });
          $('html:not(#page_1) .topbar').css({
              'box-shadow': '0 5px 10px 0px rgba(0,0,0,.25)',
              position: 'fixed',
              top: '6px',
              width: '100%',
              left: 0,
              'z-index': 3
          });
        } else {
          $('.navbar.fixed-top, .navbar-fixed-top').css(resetCSS);
          $(".topbar").removeAttr('style');
        }
      });
      $('.navbar.fixed-top, .navbar-fixed-top').on('mouseover', function () {
        $(this).css(resetCSS);
        $('html:not(#page_1) .topbar').css({
          top: '46px'
        });
      });
    });
    {/literal}{/jq}


Instructions page

YAML
objects:
  -
    type: wiki_page
    ref:  ref_hidable_top_navbar_inst_page_19
    data:
      name: Hidable Navigation Bar instructions
      description: Some instructions about the profile Hide Fixed Top Nav Bar on Scroll for Tiki19 onwards
      lang: en
      content: wikicontent:hidable_top_navbar_inst_page_19



Created by Xavi (as xavidp - admin). Last Modification: Monday 05 of November, 2018 20:48:00 UTC by luciash d' being.