Serdji

Как то так

[].forEach.call( document.querySelectorAll('.friends_user_row'), el => {
  console.log(el.getAttribute('id'));
});

inc1() и inc2() совершенно две разные функции но это и так понятно

function inc2() {
 var count = 1; // Объявляем count переменную и она сохраняется в скопе со значением 1 функции inc2()
  function inc() {
    return count++; // переменной count еще пока нет, и интропритатор начинает ее искать выше в функции         inc2() и сохраняет ее в свой скоп.
  };
 return inc; // возвращает полученое значение, при последующех вызовах, переменная будет увиличевотся на 1, поскольку у функции inc() в скопе она будет менять, а у функции inc2() как раз таки и проиходи сохранение через замыкание
}

В общем как то так )))) Если что то не правильно написал, поправьте

Скорее всего кроме хрома вообще не где работать не будет, определение класс-объекта через class пока что работает нормально только в хроме. Вам нужно подключать babel

Мне нужно даже не остановить событие, а именно на маке решить что то со скролом на таче. Вот пример что выдает скрол на мышки и на меке при одной прокрутки

Это вот на колесике мыши, остановилось как я только перестал скролить на 360



А вот что происходит когда на таче у мака скролю, всегда возвращается в 0 когда я отпускаю два пальца



Как бы сделать так, что бы он не допрокручивал как я отпускаю пальцы.
Пробую решить проблему функциями throttle-debounce, задержка срабатывает, по в итоге отдает 0 ((((

Хотелось бы увидеть css

Скорее всего он краситься, просто цвет #f5f5f5 это практический белый цвет. Может Вы хотите такой вот цвет #EDE9DE

Попробуйте так

background: rgba(245,245,245,1);
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(246,246,246,1) 50%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(50%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(246,246,246,1) 50%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(246,246,246,1) 50%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(246,246,246,1) 50%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(246,246,246,1) 50%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ededed', GradientType=0 );

Вам нужно сделать замыкание что бы счетчик работал. Вы можете найти ответ тут

Да, уже все методы попробовал и пришел к решению просто написать на JS

module.exports = () => {
  let photo = document.querySelector('.js-big-photo');
  if (!photo) return;
  photo.addEventListener('click', bigPhoto);

  function bigPhoto() {
    let photoTitle = document.querySelector('.js-big-photo-title').innerText;
    let photoSubtitle = document.querySelector('.js-big-photo-subtitle').innerText;
    let imgCrc = this.getAttribute('src');
    let mrgnRght = (window.innerWidth) - (document.body.offsetWidth);
    let bigPhotoBlock = document.createElement('div');

    bigPhotoBlock.className = 'big-photo';
    bigPhotoBlock.innerHTML = `<div class="big-photo__box">
                                <img class="big-photo__photo" src="${imgCrc}">
                                <div class="big-photo__title">
                                  ${photoTitle}
                                </div>
                                <div class="big-photo__subtitle">
                                  ${photoSubtitle}
                                </div>
                              </div>`;

    document.body.style.cssText = `overflow: hidden; margin-right: ${mrgnRght}px`;
    document.body.appendChild(bigPhotoBlock);

    let bgPhtHgth = document.querySelector('.big-photo');
    let boxPhoto =  bgPhtHgth.querySelector('.big-photo__box');
    let posTop = (bgPhtHgth.offsetHeight / 2) - (boxPhoto.offsetHeight / 2);
    let posLeft = (bgPhtHgth.offsetWidth / 2) - (boxPhoto.offsetWidth / 2);

    boxPhoto.style.cssText = `top: ${posTop}px; left: ${posLeft}px`;

    bigPhotoBlock.addEventListener('click', () => {
      bigPhotoBlock.parentNode.removeChild(bigPhotoBlock);
      document.body.style.cssText = ``;
    });
  }
};

Кстати еще есть одни вариант реализации, так как array.from() не работает в осле и на него огромный полифил. Можно реализовать так :

function siblings(elem) {
    let siblings = [];
    let sibling = elem;
    while (sibling.previousSibling) {
        sibling = sibling.previousSibling;
        sibling.nodeType == 1 && siblings.push(sibling);
    }

    sibling = elem;
    while (sibling.nextSibling) {
        sibling = sibling.nextSibling;
        sibling.nodeType == 1 && siblings.push(sibling);
    }

    return siblings;
}

В jquery есть великолепный метод siblings()

Возможно дело в кросбраузерности, попробуйте так

var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
console.log(scrollTop)

Я думаю вам поможет метод num.toFixed(precision)

На мой взгляд, от сюда можно убрать $this, потому что при вызови цикла $.each, $(val) и есть по соти $this.

function pushFun (Val, Name, ArrayEl ) {
        if (Val.hasClass(Name)) {
          ArrayEl.push(Val.attr('data-id'));
        };
      };

Попробуйте вставить вот этот код

$(function() {

	var $button = $('#btnMenu'),
	    $header = $('.header'),
	    $subHeader = $('.subheader');

	  $button.on('click', function() {
	    $button.toggleClass('toggleColor');
	    $('.make-poster-icon').toggleClass('toggleColor');
	    $header.toggleClass('show-header');
	    $subHeader.toggleClass('show');
	    $('.logotype-label__whatt').toggleClass('fill');
	    $('.logotype-label__other').toggleClass('fill');

	  });

	$(window).resize(function() {
	  var windowWidth = $(this).width();

	  if (windowWidth >= 768) {
	    $header.removeClass('show-header');
	    $subHeader.removeClass('show');
	    $button.removeClass('toggleColor');
	    $('.make-poster-icon').removeClass('toggleColor');
	    $('.logotype-label__whatt').removeClass('fill');
	    $('.logotype-label__other').removeClass('fill');
	  }
	});
});

Если не сработает, возможно дело в делегирование

$(function() {

	var $button = $('#btnMenu'),
	    $header = $('.header'),
	    $subHeader = $('.subheader');

	  $(document).on('click', $button, function() { // не много изменить тут
	    $button.toggleClass('toggleColor');
	    $('.make-poster-icon').toggleClass('toggleColor');
	    $header.toggleClass('show-header');
	    $subHeader.toggleClass('show');
	    $('.logotype-label__whatt').toggleClass('fill');
	    $('.logotype-label__other').toggleClass('fill');

	  });

	$(window).resize(function() {
	  var windowWidth = $(this).width();

	  if (windowWidth >= 768) {
	    $header.removeClass('show-header');
	    $subHeader.removeClass('show');
	    $button.removeClass('toggleColor');
	    $('.make-poster-icon').removeClass('toggleColor');
	    $('.logotype-label__whatt').removeClass('fill');
	    $('.logotype-label__other').removeClass('fill');
	  }
	});
});

Я могу ошибаться, но мне кажется здесь больше подойдет функция setInterval( func, delay )