Home/ Questions/Q 8061623
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T10:23:59+00:00

The code below works, but #wrapperone justs pops up on the screen.. is there

  • 0

The code below works, but #wrapperone justs pops up on the screen.. is there a way to get it to fade in?

jQuery(window).load(function(){
    function fixDiv() {
        var jQuerydiv = jQuery("#wrapperone");
        if (jQuery(window).scrollTop() > jQuerydiv.data("top")) { 
            jQuery('#wrapperone').css({'position': 'fixed', 'top': '0', 'width': '100%', 'background': 'rgba(255,255,255,0.1)'}); 
        }
        else {
            jQuery('#wrapperone').css({'position': 'static', 'top': 'auto', 'width': '100%', 'background': 'transparent'});
        }
    }

    jQuery("#wrapperone").data("top", jQuery("#wrapperone").offset().top);
    jQuery(window).scroll(fixDiv);    
});
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try playing with the opacity and using the fadeIn feature of jQuery.

    jQuery(window).load(function(){
function fixDiv() {
    var jQuerydiv = jQuery("#wrapperone");
    if (jQuery(window).scrollTop() > jQuerydiv.data("top")) { 
        jQuery('#wrapperone').css({'position': 'fixed', 'top': '0', 'width': '100%', 'background': 'rgba(255,255,255,0.1)', 'opacity': '0'}).fadeIn(100); 
    }
    else {
        jQuery('#wrapperone').css({'position': 'static', 'top': 'auto', 'width': '100%', 'background': 'transparent'});
    }
}

jQuery("#wrapperone").data("top", jQuery("#wrapperone").offset().top);
jQuery(window).scroll(fixDiv);

});`
    • 0