Почему появился google ads iframe?

Хостинг beget

Как можно это решить ? Плюс оно то появляется то нет

Почему с transform не работает z-index?

RAX7, Кстати да) Спасибо! Попробую

Почему с transform не работает z-index?

RAX7, Нельзя к сожалению, так как parent - слайдер, div его slide. Без transform не будет плавности

Почему с transform не работает z-index?

RAX7, в том то и дела, убрать его нельзя. Как быть тогда ?

Почему с transform не работает z-index?

RAX7, Да, я прочитал, но как это можно решить ?)

Почему с transform не работает z-index?

RAX7, у них в примере точно также - дети DIV 3 не могу перекрыть DIV1

Как получить одно значение из бд?

Dmitronid, нужно выполнить запрос и, вернувшийся массив обозначить как переменную. А далее $обозначПеременная['name'] это и будет значение

Как сделать смещение при скролле?

Антон Шаманов, спасибо, получилось
Но только анимация на iphone тормозит, из за чего это может быть ? Если TweenLite использовать то более менее, но все равно прыгает иногда. А если просто css() то сильно тормозит

var box = $('.box');
        var container = $('.container');
        var offsetX = Math.floor((container.width() - box.width()) / box.height());
        var offsetY = (container.height() - box.height()) / (box.width() - 600);
        var maxOffset = container.width() - box.width();

        function update() {
            var containerOffset = $(container).offset().top - 300;

            if (scrollY > containerOffset) {
                var blockScroll = (scrollY - containerOffset);
               var offsetTop = blockScroll * offsetY;
                var offsetLeft = blockScroll * offsetX;

                if(offsetLeft < maxOffset) {
                    offsetLeft = maxOffset;
                }

                $('.box').css({ 
                      transform: 'translate3d(' + -1 * offsetLeft  + 'px, ' +  offsetTop  + 'px, 0)'
                });
        
            }
        }

        $(window).scroll(function () {
            update();
        });

Как сделать смещение при скролле?

Антон Шаманов, а как добавлять при каждом шаге ? По сути надо связать каждый шаг со scrollY. Грубо говоря когда scrollY увеличивается, то добавляю то, что высчитал. Я правильно думаю ?

Как можно упростить код со множеством if?

Сергей Соколов, дальше по типу беру нужные элементы объекта

Как можно упростить код со множеством if?

Точно)

Как сделать смещение при скролле?

Антон Шаманов, ее из примера взял)
Я уже сделал немного по другому, но все равно работает криво
https://codepen.io/kamisarlapsha/pen/GRpRdBV

Как сделать смещение при скролле?

Антон Шаманов, Уже разобрался.
Единственное, для чего эта функция ?

function lerp(min, max, value) {
    return (1 - value) * min + value * max;
}

Как изменять позицию при прокрутке?

Ankhena, а как добавлять n пикселей при прокрутке на 1px ? Какое должно быть условие ? Грубо говоря когда на 1px прокрутили то добавляем n

Как сделать диагональный scroll?

А как использовать с touch эвентами ?

Так значение не определяются

document.addEventListener('touchmove', e => {
  if(!run) return;
  const [dx, dy] = [e.targetTouches[0].clientX - startX, e.targetTouches[0].clientY - startY];
  [startX, startY] = [e.targetTouches[0].clientX, e.targetTouches[0].clientY];
  lastTranslate += Math.round((dx + dy) / 2);
  img.style.transform = `translate(-${lastTranslate + 150}px,${lastTranslate - 150}px)`;
  console.log(dx, dy, img.style.transform);
});

Как сделать смещение при скролле?

Антон Шаманов, сделал window.screen.width - container.width(), но блок также улетает

Как сделать смещение при скролле?

А как тогда делать ?)

Как изменять позицию при прокрутке?

Alex, почти, 1170px адаптивный, а картинка при маленькой ширине влезать не будет, поэтому ее надо так прокручивать (чтобы не сжимать)

Как изменять позицию при прокрутке?

Ankhena, можно подробнее ? Когда надо прокручивать получаем ширину высоту блока, а как дальше ?

Как собрать data атрибуты?

xmoonlight, спасибо