The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Header Slide Down and Up

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #150504

    In this pen I have a header that is positioned at the top of the page, and once the page scrolls past the banner the header switches to fixed positioning and has a slide down animation. This all works very well, my problem comes with making it slide up once the banner comes back into view again and reposition itself back at the top of the page. The problem with the slide up is that it executes, then immediately after that it removes the fixed positioning so the header goes back up to the top of the page before the slide up animation even becomes noticeable. Any ideas would be greatly appreciated!

    Edit: also, doing something like header.slideUp().delay(400).removeClass("fixed"); somehow messes up the sliding down part, making it take about 10 seconds of being past the scroll threshold before it actually slides down. This confuses me the most because these two statements are in separate parts of the if statement.

Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.