滚动并突出显示Animate Slow Jquery

时间:2019-01-18 20:29:45

标签: jquery

我正在尝试滚动到元素(与元素顶部偏移),平滑(慢速)并突出显示背景一秒钟,以使我们清楚地知道滚动到了哪个元素(就像Stack Overflow!_。)我知道我做错了。

jQuery(function($) {

  $(".scrollt0").click(function(event) {
var $target = $(this.hash);

event.preventDefault();
$('html,body').animate({
    scrollTop: ($target.offset().top-220, 'slow');
    $target.addClass('hilight');

setTimeout(function() {$target.removeClass('hilight');}, 1400);

});

});

2 个答案:

答案 0 :(得分:0)

您应该只通过jQuery为滚动动画。 尝试向要突出显示的元素添加css类。 您可以使用超时功能删除该类,并使用CSS设置过渡。

答案 1 :(得分:0)

我玩了一会儿才知道。

$(".scrollt0").click(function(event) {
var $target = $(this.hash);

event.preventDefault();
$('html,body').animate({
    scrollTop: $target.offset().top-220}, 'slow');
$target.addClass('hilight');

setTimeout(function() {$target.removeClass('hilight');}, 1000);
});