Показать сообщение отдельно
  #3 (permalink)  
Старый 10.04.2018, 16:12
Новичок на форуме
Отправить личное сообщение для EuRo1985 Посмотреть профиль Найти все сообщения от EuRo1985
 
Регистрация: 22.11.2016
Сообщений: 8

Сообщение от ruslan_mart Посмотреть сообщение
EuRo1985, отслеживайте событие while/mousewheel над элементом.
Огромное спасибо за наводку. Реализовал скрипт след. образом, все работает. За грамотность не ручаюсь, если кто-то подправить - респект

$(function(){
    $('body').on('mousewheel DOMMouseScroll', function(event) {
      if ($('.contacts-section').is('.active')) { // ограничиваем выполнение нужным слайдом
        var obj = $('.contacts-section .fp-scroller');
        var transformMatrix = obj.css("-webkit-transform") ||
                              obj.css("-moz-transform")    ||
                              obj.css("-ms-transform")     ||
                              obj.css("-o-transform")      ||
                              obj.css("transform");
        var matrix = transformMatrix.replace(/[^0-9\-.,]/g, '').split(',');
        var x = matrix[12] || matrix[4]; // translate x
        var y = matrix[13] || matrix[5]; // translate y
        $('.contacts-section .map-block').css({
          transform: 'translate(0, ' + Math.abs(y) + 'px)'
        });
      }
    });
});

Последний раз редактировалось EuRo1985, 10.04.2018 в 16:19.
Ответить с цитированием