Loading...
 
Skip to main content

History: Hide Fixed Top Nav Bar on Scroll 19

View published page Collapse Into Edit Sessions

Preview of version: 1

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

This is a work in progress to rescue the feature which was hiding the fixed navbar on top on page scroll, which seems lost in Tiki19 so far.





YAML
Copy to clipboard
instructions: Hidable Navigation Bar instructions
preferences:
 site_layout: fixed_top_modules
 feature_sitelogo: n
objects:
 -
  type: module
  data:
   name: Hide Fixed Top Nav Bar on Scroll 19
   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').css({
              transition: 'all .75s ease 0s',
              top: '-20px',
              height: '25px',
              minHeight: '5px',
              opacity: '.75',
              overflow: 'hidden'
          });
          $('html:not(#page_1) .topbar_wrapper').css({
              position: 'fixed',
              top: '7px',
              width: '100%',
              left: 0,
              'z-index': 3
          });
          $("html:not(#page_1) .topbar").css({
              "box-shadow": "0 5px 10px 0px rgba(0,0,0,.25)"
          });
        } else {
          $('.navbar-fixed-top').css(resetCSS);
          $(".topbar_wrapper").removeAttr('style');
          $(".topbar").removeAttr('style');
        }
      });
      $('.navbar-fixed-top').on('mouseover', function () {
        $(this).css(resetCSS);
        $('html:not(#page_1) .topbar_wrapper').css({
          top: '48px'
        });
      });
    });
    {/literal}{/jq}


Instructions page

YAML
Copy to clipboard
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



History

Information Version
Tue 19 of Nov, 2024 23:24 UTC Benoit Roy fixed background transparency issue 9
View
Fri 13 of Sep, 2024 02:23 UTC Benoit Roy removing the important tag (didnt work) 8
View
Fri 13 of Sep, 2024 02:18 UTC Benoit Roy forgot the important tag [Rollback by benoit.roy to version 6] 7
View
Fri 13 of Sep, 2024 02:18 UTC Benoit Roy forgot the important tag 6
View
Fri 13 of Sep, 2024 02:14 UTC Benoit Roy fix issues with transparency and bar not using full width of the page 5
View
Mon 05 of Nov, 2018 20:48 UTC luciash d' being 🧙 minor change in the module name 4
View
Mon 05 of Nov, 2018 20:45 UTC luciash d' being 🧙 update classes and stuff so it works with Tiki 19 3
View
Mon 05 of Nov, 2018 13:13 UTC Xavi (as xavidp - admin) attempt to fix new name of that pref 2
View
Mon 05 of Nov, 2018 13:08 UTC Xavi (as xavidp - admin) stub 1
View