jq 滚动元素 至 元素可见

要实现将一个元素滚动至可见部分的效果，需要先判断该元素是否在可见区域内，如果不在，则进行滚动。可以使用 jQuery 中的 `scrollTop()` 和 `offset()` 方法来实现。

具体步骤如下：

1. 获取需要滚动的元素的位置信息，可以使用 `offset()` 方法。

2. 判断该元素是否在可见区域内，可以使用 `scrollTop()` 方法和 `$(window).height()` 方法。如果元素在可见区域内，则无需滚动；如果元素在可见区域下方，则将页面滚动至该元素的底部；如果元素在可见区域上方，则将页面滚动至该元素的顶部。

下面是一个示例代码：

// 获取需要滚动的元素的位置信息
var elementTop = $('#target-element').offset().top;
var elementBottom = elementTop + $('#target-element').height();

// 判断该元素是否在可见区域内
var viewportTop = $(window).scrollTop();
var viewportBottom = viewportTop + $(window).height();

if (elementTop < viewportTop) {
  // 元素在可见区域上方，将页面滚动至该元素的顶部
  $('html, body').animate({
    scrollTop: elementTop
  }, 500);
} else if (elementBottom > viewportBottom) {
  // 元素在可见区域下方，将页面滚动至该元素的底部
  $('html, body').animate({
    scrollTop: elementBottom - $(window).height()
  }, 500);
} else {
  // 元素在可见区域内，无需滚动
}

该代码将页面滚动至 id 为 `target-element` 的元素的可见部分。