Евгений

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
$(function () {
    var menu = $("header");
    $(window).scroll(function () {
        var top = $(this).scrollTop();
        if (top >= 100) {
            menu.css('background', 'green');
        } else if (top <= 200) {
            menu.css('background', 'red');
        }
    });
});

$(document).ready(function() {
    $('form').on('submit', check);
});

function check() {
    return $('#test').is(':checked');
}

jsfiddle.net/FPCRb

https://imask.js.org/

Ajax

kenwheeler.github.io/slick
Пример Slider Syncing

Почитайте документацию fullPage.js, там есть колбек функции

Напишите функцию, которая будет отслеживать позицию вашего кастомного скролбара

Про сделайте больше оригинал фотографии

var scrollTop;
$(window).scroll(function () {
    scrollTop = $(this).scrollTop();
    // code here
});

https://www.google.com/search?q=wysiwyg+html+editor

Поставить эти скрипты вниз страницы и использовать async

Воспользоваться силой css

Посмотреть как там реализовано и реализовать