Евгений

*, :after, :before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

$(function () {
    $(window).on('scroll.progress', function () {
        var scrollTop = $(this).scrollTop();

        if (scrollTop > 1500 /* Нужное значение на странице */ ) {
            /* Запускаем скрипт */
            /* Отписываемся от события если больше не нужно запускать скрипт */
            $(window).off('scroll.progress');
        }
    });
});

position: relative;
z-index: 1000;

border: 2px solid #fff;
border-top: none;
border-radius: 0 0 5px 5px;

.blocks {
    display: inline-block;
    width: 25%;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .blocks {
        width: 50%;
    }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    .blocks {
        width: 100%;
    }
}

p {
    color: #f00;
}

p > span {
    color: #000;
}