.stick-top, .stick-bot {
    position: static;
    }

body.scrolling-up   > .stick-top.sticked,
body.scrolling-down > .stick-top.sticked,
body.scrolling-up   > .stick-bot.sticked,
body.scrolling-down > .stick-bot.sticked {
    position: fixed;
    z-index: 999;
    transition: 0.5s;
    box-shadow: 0 5px 5px SlateGray;
    opacity: .85;
    }

body.scrolling-up   > .stick-top.sticked { top:    0px; }
body.scrolling-down > .stick-top.sticked { top: -100px; }

body.scrolling-up   > .stick-bot.sticked { bottom: -100px; }
body.scrolling-down > .stick-bot.sticked { bottom:    0px; }