javascript 使用velocity.js滚动到表单（字体样式动画）中的活动字段

Posted 2021-05-03

// Insert into some kind of 'focus' action

var parent = $(this).parent().parent('.fieldWrap'); // Target a wrapper

// Reset active state
$('.fieldWrap').removeClass('active');

// Add active state to current field
parent.addClass('active');

var fieldHeight = parent.outerHeight();
var windowHeight = $(window).height();
var scrollOffset = (windowHeight - fieldHeight)/2;

parent.velocity('scroll', {
  duration: 300,
  offset: -scrollOffset,
  easing: 'easeOutSine'
})