简体   繁体   中英

footer position fixed under taskbar nevertheless of <body> content for desktop resolutions

I want to make my footer be "hidden" under taskbar when page loads nevertheless of my <body> content or its size, and if page scroll down footer is starting to show up( obviously)...

This "rule" should apply only to desktop resolutions.

Check this fiddle: http://jsfiddle.net/martijn/byw6sk0f/3/

It uses some jquery to show the footer when the user starts scrolling.

$(function () {
    $(window).scroll(function (e) {
        if (window.pageYOffset > 0) {
            $('.footer').fadeIn();
        } else {
            $('.footer').fadeOut();
        }
    });
});

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM