Anton fon Faust

Отключить-то можно, только чтобы его снова включить, нужно отслеживать событие, когда scrollTop станет меньше 60.
А вешать событие на скролл, чтобы повесить обработчик скролла - очень плохая практика.
Сейчас сделано правильно, поэтому не нужно городить огород.
А если хотите ускорить это дело, перепишите как-нибудь так:

w = $(window);
var b =  $('.bot');
var h =  $('#header');
var m = $('#main__background');
    w.scroll(function(){
      if(w.width() <= 415){
        if(w.scrollTop() == 0){
          b.removeClass('hide');
          h.removeClass('up');
          m.removeClass('up');
          //Если обработчик был отключен - включить, по дефолту - включен?
        }else if(w.scrollTop() >= 60){
          b.addClass('hide');
          h.addClass('up');
          m.addClass('up');
          //Отключить этот обработчик, но когда вернемся обратно включить снова?
        }
      }
    });

document.write=function(){}

Анимация создана из последовательности изображений.
Маски - те же самые изображения в дивах с overflow: hidden и смещением.
Имхо, не сложно делается.

Используйте какой-нибудь baas, например, rapidApi, backendless или firebase.

Похоже, ff решил побыть немного впереди планеты всей)))
https://developer.mozilla.org/en-US/docs/Mozilla/P...
ie/edge нервно курять в сторонке.
Как вариант, пользовать wd.dizaina.net/scripts/stickyfill

Все верно работает.
Дело в том, что поля :requred у вас являются :invalid, если пусты.

Или избавляться от required, или подключаем javascript для определения пусто в поле или нет.

Например, так:

$('#ACCORDEON').on('hide.bs.collapse', function () {
  $('#ACCORDEON2').collapse('hide');
})

Можно, конечно, попробовать fullpage.js использовать... но что-то мне подсказывает, что замучаетесь)

// ключем делаем строку 
var key = data.user_id +"_"+ data.datetime;
// а дальше в хеш добавляем
output[key] = data;

var countDown = -5;
var timer = function() {
if(countDown<0) {
    var el = document.getElementByID("mytimer");
    el.innerHTML = -countDown;
} else {
    var d = new Date();
// тут дата до которой расчитывается время
    var d1 = new Date(2017, 12, 22, 15, 15, 0, 0);
    var str = (d1.getFullYear() - d.getFullYear() )+ " год "+(d1.getMonth()-d.getMonth()) +" месяц " + (d1.getDate()-d.getDate()) +" день " + (d1.getHours()-d.getHours()) + " час " + (d1.getMinutes()-d.getMinutes()) + " минута " + (d1.getSeconds()-dgetSeconds()) + " секунда";
}
}
setInterval(timer, 1000);

так как полного кода нет... попробуем полечить по фотографии.

var $scrollTo; // для передачи данных между функциями сохраняем до какого объекта будем скроллить

$("#menu").on("click","a", function (event) {
    event.preventDefault();
    $scrollTo= $($(this).attr('href'));
    $("#menu").collapse(); // сворачиваем меню тут координаты могут поменяться во время сворачивания
});

$('#menu').on('hidden.bs.collapse', function () { // обработчик события уже после того, как меню свернулось
    var top = $scrollTo.offset().top; // получили куда скроллить не в объектах, а в пикселях
    $('body,html').animate({scrollTop: top}, 600);
});