.css() add_action add_filter background cf7 contact form 7 cqp css database db footer functions.php gradient header html javascript jquery js left px mic obs php position slick styles.css transition trovo twitch vbr visibility vkplay wp_ автоматизация антиспам верстка выключение компа запись игр кейсы командная строка настройки записи обновление плагины wp спящий режим таймер удобство
Геннадьич написал статью 28 декабря, 2021 года (23)
Меняем пискельное значение CSS-стиля с помощью jquery
Понадобилось как-то сдвинуть блок при клике (квиз) на определенное значение в пикселях. Но было непонятно, что прибавлять/отнимать, если функия .css() возвращает значение вида «1000px». Решение оказалось сильно простым:
jQuery(function($) {
$('.class-name').on('click', function(evt) {
$(this).css('left', '+=150'); //увеличиваем отступ слева на 150 пикселей
$(this).css('top', '-=100'); //уменьшаем отступ сверху на 100 пикселей
});
});
Предыдущий пост: Делаем плавное появление блока при наведении
Следующий пост: Установка и настройка Slick Slider