Показать сообщение отдельно
  #4 (permalink)  
Старый 04.08.2022, 07:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,149

Сергей Ракипов,
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        nav {
            position: fixed;
            display: flex;
            align-items: center;
            padding: 0px 0px 0px 30px;
            top: -60px;
            left: 0;
            right: 0;
            width: 100%;
            height: 60px;
            background-color: #2e2e2e;
            color: #fff;
            transition: .3s ease-out 0.5s;
        }
        section {
            width: 280px;
            margin: 0px auto 0px;
        }
        footer {
            position: fixed;
            display: flex;
            align-items: center;
            padding: 0px 0px 0px 30px;
            bottom: -60px;
            left: 0;
            right: 0;
            width: 100%;
            height: 60px;
            background-color: #2e2e2e;
            color: #fff;
            transition: .3s ease-out 0.5s;
        }
        .vverkh {
            position: fixed;
            top: 0px;
            left: 0;
            right: 0;

        }
        .niz {
            position: fixed;
            bottom: 0px;
            left: 0;
            right: 0;

        }
    </style>
</head>
<body>
    <nav class="vverkh">Вверх</nav>
    <section>
        Также как постоянный количественный рост и сфера нашей активности является качественно новой ступенью своевременного выполнения сверхзадачи. Предварительные выводы неутешительны: современная методология разработки создаёт необходимость включения в производственный
        план целого ряда внеочередных мероприятий с учётом комплекса направлений прогрессивного развития. Также как высокотехнологичная концепция общественного уклада способствует повышению качества укрепления моральных ценностей. А также сделанные на
        базе интернет-аналитики выводы, вне зависимости от их уровня, должны быть функционально разнесены на независимые элементы. Внезапно, активно развивающиеся страны третьего мира неоднозначны и будут объективно рассмотрены соответствующими инстанциями.
        Как принято считать, активно развивающиеся страны третьего мира указаны как претенденты на роль ключевых факторов. Сложно сказать, почему ключевые особенности структуры проекта и по сей день остаются уделом либералов, которые жаждут быть рассмотрены
        исключительно в разрезе маркетинговых и финансовых предпосылок. Но независимые государства заблокированы в рамках своих собственных рациональных ограничений. Для современного мира граница обучения кадров обеспечивает актуальность стандартных подходов.
        Внезапно, явные признаки победы институционализации формируют глобальную экономическую сеть и при этом — ограничены исключительно образом мышления. Но многие известные личности являются только методом политического участия и смешаны с не уникальными
        данными до степени совершенной неузнаваемости, из-за чего возрастает их статус бесполезности. Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта: экономическая повестка сегодняшнего дня предполагает
        независимые способы реализации приоретизации разума над эмоциями. Каждый из нас понимает очевидную вещь: современная методология разработки, в своём классическом представлении, допускает внедрение кластеризации усилий. Также как постоянный количественный
        рост и сфера нашей активности является качественно новой ступенью своевременного выполнения сверхзадачи. Предварительные выводы неутешительны: современная методология разработки создаёт необходимость включения в производственный план целого ряда
        внеочередных мероприятий с учётом комплекса направлений прогрессивного развития. Также как высокотехнологичная концепция общественного уклада способствует повышению качества укрепления моральных ценностей. А также сделанные на базе интернет-аналитики
        выводы, вне зависимости от их уровня, должны быть функционально разнесены на независимые элементы. Внезапно, активно развивающиеся страны третьего мира неоднозначны и будут объективно рассмотрены соответствующими инстанциями. Как принято считать,
        активно развивающиеся страны третьего мира указаны как претенденты на роль ключевых факторов. Сложно сказать, почему ключевые особенности структуры проекта и по сей день остаются уделом либералов, которые жаждут быть рассмотрены исключительно
        в разрезе маркетинговых и финансовых предпосылок. Но независимые государства заблокированы в рамках своих собственных рациональных ограничений. Для современного мира граница обучения кадров обеспечивает актуальность стандартных подходов. Внезапно,
        явные признаки победы институционализации формируют глобальную экономическую сеть и при этом — ограничены исключительно образом мышления. Но многие известные личности являются только методом политического участия и смешаны с не уникальными данными
        до степени совершенной неузнаваемости, из-за чего возрастает их статус бесполезности. Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта: экономическая повестка сегодняшнего дня предполагает
        независимые способы реализации приоретизации разума над эмоциями. Каждый из нас понимает очевидную вещь: современная методология разработки, в своём классическом представлении, допускает внедрение кластеризации усилий. Также как постоянный количественный
        рост и сфера нашей активности является качественно новой ступенью своевременного выполнения сверхзадачи. Предварительные выводы неутешительны: современная методология разработки создаёт необходимость включения в производственный план целого ряда
        внеочередных мероприятий с учётом комплекса направлений прогрессивного развития. Также как высокотехнологичная концепция общественного уклада способствует повышению качества укрепления моральных ценностей. А также сделанные на базе интернет-аналитики
        выводы, вне зависимости от их уровня, должны быть функционально разнесены на независимые элементы. Внезапно, активно развивающиеся страны третьего мира неоднозначны и будут объективно рассмотрены соответствующими инстанциями. Как принято считать,
        активно развивающиеся страны третьего мира указаны как претенденты на роль ключевых факторов. Сложно сказать, почему ключевые особенности структуры проекта и по сей день остаются уделом либералов, которые жаждут быть рассмотрены исключительно
        в разрезе маркетинговых и финансовых предпосылок. Но независимые государства заблокированы в рамках своих собственных рациональных ограничений. Для современного мира граница обучения кадров обеспечивает актуальность стандартных подходов. Внезапно,
        явные признаки победы институционализации формируют глобальную экономическую сеть и при этом — ограничены исключительно образом мышления. Но многие известные личности являются только методом политического участия и смешаны с не уникальными данными
        до степени совершенной неузнаваемости, из-за чего возрастает их статус бесполезности. Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта: экономическая повестка сегодняшнего дня предполагает
        независимые способы реализации приоретизации разума над эмоциями. Каждый из нас понимает очевидную вещь: современная методология разработки, в своём классическом представлении, допускает внедрение кластеризации усилий.
    </section>
    <footer class="niz">Низ</footer>
    <script>
        let body = document.querySelector("body")
        let nav = document.querySelector("nav");
        let footer = document.querySelector("footer");
        let pause = 2000, timer;
        window.addEventListener("scroll", function() {
            window.clearTimeout(timer);
            nav.classList.add("vverkh");
            footer.classList.add("niz");
            timer = window.setTimeout(() => {
                nav.classList.remove("vverkh");
                footer.classList.remove("niz");
            }, pause)
        })
    </script>
</body>
</html>
Ответить с цитированием