Skip to content

Instantly share code, notes, and snippets.

@cliffordp
Last active November 1, 2024 16:20

Revisions

  1. cliffordp revised this gist Nov 1, 2024. 3 changed files with 0 additions and 0 deletions.
    File renamed without changes.
    File renamed without changes.
  2. cliffordp revised this gist Nov 1, 2024. 2 changed files with 0 additions and 0 deletions.
    File renamed without changes.
    File renamed without changes.
  3. cliffordp revised this gist Nov 1, 2024. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion sticky-menu-body.js
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    <script>
    // Source:
    // Source: https://gist.github.com/cliffordp/3c19a47a873f4c2ce6c0e95fa2079162
    $(function ($) {
    $(window).scroll( () => {
    let headerScroll = $(window).scrollTop();
  4. cliffordp created this gist Nov 1, 2024.
    11 changes: 11 additions & 0 deletions Notes.txt
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    Source: https://www.facebook.com/groups/gohighlevel/posts/2356583604801161/

    Here is the code that enables a sticky menu that eases in and out upon scroll. Just copy/paste in your Website > Settings Head and Body tracking code fields, then follow my quick video here to set your sticky menu up in HighLevel:

    https://www.loom.com/share/fd0d5c87f377401d8e589c5d6a4107ce?sid=7745df88-84b4-4aef-9b05-ee86947b73e5

    If you need any help, shoot me an email: tracyw@t-worx.com.

    T-WORX, Inc.
    Tracy Wittenkeller
    HighLevel Agency #684
    14 changes: 14 additions & 0 deletions sticky-menu-body.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,14 @@
    <script>
    // Source:
    $(function ($) {
    $(window).scroll( () => {
    let headerScroll = $(window).scrollTop();
    if (headerScroll >= 1) {
    $('.sticky-section').addClass('header-scroll');
    } else {
    $('.sticky-section').removeClass('header-scroll');
    }
    });

    });
    </script>
    14 changes: 14 additions & 0 deletions sticky-menu-header.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,14 @@
    <script
    src="https://code.jquery.com/jquery-3.6.3.min.js"
    integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU="
    crossorigin="anonymous"
    ></script>

    <style>
    .header-scroll {
    background-color: rgba(27, 38, 87, .98) !important;
    }
    .sticky-section {
    transition: all 0.3s ease-in-out;
    }
    </style>