SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2002
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to Create a Sticky Navigation Bar with Jquery and have it Fade?

    How would I create a sticky position bar that can "fade" to a different color or other CSS classes?

    Example: http://demo.hongkiat.com/css-sticky-...on/index2.html

    Except there would be a SMOOTH transition to another color or CSS property when you get the navbar position fixed.

  2. #2
    SitePoint Enthusiast
    Join Date
    Dec 2007
    Location
    Oskarshamn, Sweden
    Posts
    83
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    You could probably do this with just CSS transitions. In the example, you could add something like this to the .sticky class in the CSS:
    Code:
    transition: background-color .5s;
    background-color: #3cf;


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •