Вход

Просмотр полной версии : Как сделать подсветку фона элемента?


snovapavel
19.09.2016, 16:07
Добрый день!

Есть код, плавной прокрутки к элементу:

$(function() {
$('a[href^="#"], a[href^="."]').click(function() {
var scroll_el = $(this).attr('href');
if ($(scroll_el).length != 0) {
$('html, body').animate({
scrollTop: $(scroll_el).offset().top
}, 500);
}
return false;
});
});


Подскажите, пожалуйста, как сделать так, чтобы когда прокрутка завершена, фон у самого элемента (к которому была прокрутка), на секунду плавно вспыхнул жёлтым цветом и плавно потух до белого?

P.S. Нужно доработать именно этот код, так-как только он работает с Русскими якорями.

Большое спасибо!

рони
19.09.2016, 16:21
на секунду плавно вспыхнул жёлтым цветом и плавно потух до белогоэтот эффект можно показать? если он у вас есть, вставьте в строку 7
}, 500 сюда);

snovapavel
19.09.2016, 16:59
Эффекта нет... Можно поставить его через animate.css, например.

Как-то вроде через complete коллбэк делается.

Вы не могли бы помочь?

рони
19.09.2016, 17:26
snovapavel,
быть в шаге и не ...
строку раскоментировать если стоит jquery-ui, иначе jquery не умеет работать со цветом
$(function() {
$('a[href^="#"], a[href^="."]').click(function() {
var scroll_el = $(this).attr('href'), el = $(scroll_el);
if (el.length != 0) {
$('html, body').animate({
scrollTop: el.offset().top
}, 500,function() {
el.css({"background-color": "#FFFF00"})//.animate({"background-color": "#FFFFFF"},1200)
} );
}
return false;
});
});

snovapavel
20.09.2016, 06:00
Большое спасибо!