JackShcherbakov

Здравствуйте!

Если у вас стоит user-select:none на каком-либо элементе, то уберите это свойство. По неизвестным мне причинам, именно в сафари из-за этого свойства начинает глючить - невозможно вводить текст с айфона. Возможно вам это тоже поможет. Возможно у вас где-то *{user-select:none} указано (у меня из-за этого была ошибка - два дня искал).

Еще попробуйте воспользоваться автопрефиксирами css. Они автоматически все префиксы проставят - возможно поможет. Вот например autoprefixer.github.io/ru

Надеюсь я хоть как-то вам помог. Надеюсь скоро исправите этот глюк.

С уважением, Евгений.

UPD:
Попробуйте протестировать на другом ios-устройстве. Возможно такое, что в вашем устройстве в safari какие-то невалидные файлы закешировались и дают сбой - такое очень часто бывает.

В WP не шарю вообще. Но если бы Вы знали css, то проблема бы решилась выставлением картинкам vertical-align:bottom. Если бы не получилось, то заворчаиванием картинки и надписи под ней в блок и этому блоку поставить vertical-align:bottom.

Вот, написал Вам скрипт - https://codepen.io/CitizenOne/pen/NXzpxv

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

Первое, что в голову пришло )

var count = 0;
var n = 0;
$('.content').on('wheel', function(e) {

    e = e || window.event;      
    var delta = e.deltaY || e.detail || e.wheelDelta;
    n += delta;
if(count == 0){
    console.log('scroll');
}
count++;
});

Вот, по-моему, это то, что вам нужно
rightblog.ru/3013

1. Что такое попапчики?
2. В html текст, который необходимо показать при наведении оберните в любой строчный тег (типа span) и поставьте следующим по отношению к тому тегу, при наведении на который надо показать текст.
2.1. В css напишите что-то вроде этого (el1 - текст, el2 - то, что вылезает)
Выглядеть будет примерно вот так https://codepen.io/CitizenOne/pen/LOPRKN

Не совсем понятно, но могу посоветовать просто не div анимировать, а саму картинку! Короче удалите все дивы и анимируйте саму картинку, измените только ширину так, чтобы браузер понял что надо сделать.