Роман Дворянов

анимацию можно на css, скролл вниз на jquery, допустим у нас есть круглая кнопка в виде стрелки вниз(html) -

<a href="#second-screen" class="scroll-down-btn"></a>

Нам нужно повесить анимацию на кнопку(css) -

.scroll-down-btn {
/* Тут стили кнопки, картинки, размеры */
  position: relative;
  bottom: -15px;
  animation: bounce 0.4s infinite; /* Анимацию bounce пропишем ниже */
}

Ну и собственно сама анимация(css) -

@keyframe bounce {
  0 {
    bottom: 0;
  }
  100% {
    bottom: -15px;
  }
}

Ну а теперь нужно, чтоб эта кнопка работала(jQuery) -

$('.scroll-down-btn').on('click', function(e) {
  e.preventDefault(); // Запрещаем переход по ссылке
  var target: $(this).attr('href'), // Берем значение из ссылки как цель id="second-screen"
        destination: $(target).offset().top; // Ищем верхнюю координату у нашей цели

  $('body,html').animate({scrollTop: destination}, 500); // Плавно проматываем до цели
});

Такие штуки можно реализовать при помощи этой библиотечки scrollmagic.io

Ваше модальное окно зависит от контента. Прям сразу подсказать как это лечить не могу, но вот не совсем решение, скорее костыль, но

.modal-inset {
  min-height: 75%;
}

Вот так работает, кстати -

.modal-inset {
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    min-height: 0;
}

.second_wrapper {
  overflow: visible;
}

$(window).bind('scroll',function(e){
      parallaxScroll(); // при скролле вызываем нашу функцию
  });
       
  function parallaxScroll(){
      var scrolled = $(window).scrollTop(), // определяем текущее положение скролла
          backgroundPositionByX = "0", // позиция фона по горизонтали (не двигаем)
          backgroundPositionByY = (1250 - (scrolled * .4))+'px', // позиция фона по вертикали (тут можно пошаманить с формулой  - стартовое положение фона минус текущее положение скролла, умноженное на 0.4) 0.4 - влияет на скорость поднятия вверх или вниз
          backgroundPosition = backgroundPositionByX +" "+ backgroundPositionByY; // для фаерфокса нужно указывать оба значения, он не понимает свойство background-position-y, но хавает background-position
      
      $('блок_с_фоном').css('background-position', backgroundPosition);
   }

В общем суть такая -
Слайдеру делаешь
position: relative;

Кнопку суешь не в слайд, а где-нибудь в контейнере слайдера и прописываешь

position: absolute;
z-index: 100;

Для анимации кнопки все зависит от слайдера, но мысль такая -

// Ловишь событие движение слайдера (у некоторых слайдеров есть события)
$('slider').on('sliderMove', function() {
     // Вешаешь на кнопочку заранее написанную анимацию
     $('кнопка').addClass('doAnimation');
     SetTimeOut(function(){
        // Через пол секунды удаляешь анимацию кнопки
        $('кнопка').removeClass('doAnimation');
     }, 500);
});

// Функция парсящая адресную строку на ключи
var getUrlParameter = function getUrlParameter(sParam) {

      var sPageURL = decodeURIComponent(window.location.search.substring(1)), 
	sURLVariables = sPageURL.split('&'), 
	sParameterName, 
	i;
    for (i = 0; i < sURLVariables.length; i++) {
       sParameterName = sURLVariables[i].split('=');
   
    if (sParameterName[0] === sParam) {
	      return sParameterName[1] === undefined ? true : sParameterName[1];
	}
    }
};

// Добавляем в переменную foo значение ключа query из адресной строки, т.е./?query=значение
var foo = getUrlParameter(‘query’); 

// если значение query=true, меняем класс
if (foo === "true") {
   $(element).toggleClass('class');
}

$(window).outerHeight();

В jquery есть событие touchstart, работает в разы быстрей клика

$('link').on('touchstart', function () {
 /* Some Code */
});

На JS это событие называется ontouchstart

В Блоге Гугла побороли задержку добавив запрет на зум сайта на мобильных устройствах в метатэг

<meta name="viewport" content="width=device-width, user-scalable=no">

и добавив тач-ивентс ко всей странице в css

html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

К сожалению, в iOS это не помогает, поэтому поводу создан баг на форуме поддержки webkit
https://bugs.webkit.org/show_bug.cgi?id=122212