change element position after scroll

Perfect Peacock answered on September 17, 2020 Popularity 3/10 Helpfulness 2/10

answer change element position after scroll

change element position after scroll

Comment

    var header = $('#header');
    var ad = $('#ad');
    var min_scroll = 25; // Set your minimum scroll amount here
    $(window).scroll(
        function() {
            var t = $(window).scrollTop();
            if (t > min_scroll) {
                // define your scroll CSS here
                header.css({position: "relative"});
                ad.css({position: "relative"});
            } else {
                // define your non-scrolled CSS here
                header.css({position: "fixed"});
                ad.css({position: "absolute"});
            }
        }
    );

Popularity 3/10 Helpfulness 2/10 Language whatever

Source: stackoverflow.com

Tags: element position scroll whatever

Link to this answer
Share Copy Link