DTX

position: fixed;
bottom: 0;

window.onscroll = function() {
 if (window.scrollY>200) {
  $('.footer').show();
 } else {
  $('.footer').hide();
 }
};

codepen.io/anon/pen/JRkYqp

Upd:
Вот с плавным появлением в зависимости от скрола:
codepen.io/anon/pen/JRkKoR

codepen.io/anon/pen/KgydpX

Самый примитивный вариант:

function a() {
  console.log('a_'+Date.now());
}
function b() {
  console.log('b_'+Date.now());
}
function c() {
  console.log('c_'+Date.now());
}
function que() {
  funs = [a, b, c];
  funs.forEach((f, i) => {
    setTimeout(f, i*1000);
  });
}
que();

codepen.io/anon/pen/JROdgw?editors=1111

https://learn.javascript.ru/settimeout-setinterval

or (let i = 0; i < 10; i++) {
  setTimeout(function () {
    console.log(i); // ?
  }, 0);
}

(function() {
    return arguments.callee;
})()()()().... ;

function namedFunc() {
    return namedFunc;
}
namedFunc()()()().... ;

var storedFunc = function() {
    return storedFunc;
};
storedFunc()()()().... ;

stackoverflow.com/questions/6959426/can-a-javascri...

Подозреваю, проблема в opacity: 0.5;

Ну почему jsfiddle???
codepen.io/anon/pen/rrNOdm

function changeInputsVal(input, newValue) {
	input.val(newValue);
	input.attr('value', newValue); //Добавить вот это
	var inputNumber = input.siblings(this);
	inputNumber.val(newValue);
}

codepen.io/enxaneta/pen/EVYRJJ
codepen.io/jaketrent/pen/eloGk
codepen.io/tripl3inf/pen/wKLMWp
codepen.io/nardecky/pen/wWpjyW
codepen.io/jordanamorais/pen/PNQLOb

function inArray(value, array) {
  if (!array)
    array = this;
  for (var i = 0; i < array.length; i++) {
    if (value === array[i]) {
      return true;
    } 
  }
  return false;
}
Array.prototype.inArray = inArray;
console.log([1, 10, 145, 8].inArray(10));
console.log(inArray(100, [1, 10, 145, 8]));

Оставляйле slick.
У проигрывателя есть api и колбэк onPlayerStateChange, который срабатывает при воспроизведении/паузе. Так в нём просто перематывать слайдер на нужны слайд.

https://developers.google.com/youtube/iframe_api_r...

Впрочем, можно попробовать и без апи, обернув iframe в допблок:
codepen.io/anon/pen/WxWjxG

Похоже, это баг jQuery 3.1
offset() возвращает отступ не от родительского элемента, а от верхней границы вьюпорта.

Либо перейти на jQuery 2.x, либо добавлять body.scrollTop.
https://jsfiddle.net/dn5t2mwm/6/

Немного неоптимально, но суть должна быть ясна.

function getRep(ar) {
  res = [];
  ar.forEach(el => {
    el.forEach(a => {
      res[a] = res[a] ? res[a]+1 : 1;
    });
  });
  out = [];
  res.forEach((el, i) => {if (el == ar.length) out.push(i);});
  return out;
}

getRep([[1,2,3,4], [1,3,6,9], [1,3,9,10]]); // [1, 3]