We have been creating an ad bar that shows above the website. When the user clicks the X to remove the ad the bar disappears and the header moves back up to the normal starting position.
If you notice in the images below the parallax image does not realign when the page changes now that div has been hidden. If I refresh the page manually it resets and displays the way it should.
It's almost like the parallax window remembers where it should be based on where it was on the page even though the containing div has moved.
here is my code
due to performance reasons, the library calculates some variables only on window resize. Try adding the following code after the banner has been hidden jQuery(window).trigger('resize').trigger('scroll');
We have been creating an ad bar that shows above the website. When the user clicks the X to remove the ad the bar disappears and the header moves back up to the normal starting position.
If you notice in the images below the parallax image does not realign when the page changes now that div has been hidden. If I refresh the page manually it resets and displays the way it should.
It's almost like the parallax window remembers where it should be based on where it was on the page even though the containing div has moved. here is my code
`
Connect with new customers
due to performance reasons, the library calculates some variables only on window resize. Try adding the following code after the banner has been hidden
jQuery(window).trigger('resize').trigger('scroll');
should work!
Dude! That fixed it! Works flawless no delay or jump!
good to hear! :)