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