js判断元素在滚动区域内是否可见

判断元素在滚动区域是否可见,不可见时滚动到可见区域。

var itemHeight = $('.item').height(); // 元素高度
var wrapHeight = $('.wrap').height(); // 滚动区域容器高度
var index = $('.item').index($('.item')); // 当前元素序号
var itemHeightTop = itemHeight * index; // 当前元素距离容器顶部高度
var curScrollTop = $('.wrap').scrollTop(); // 当前滚动条滚动距离
if (itemHeightTop < curScrollTop || curScrollTop < itemHeightTop - wrapHeight) {
  // document.documentElement.scrollTop = itemHeightTop // 滚动容器是body时有效
  $('.wrap').scrollTop(itemHeightTop);
}
posted on 2019-07-11 14:11  猫尾草  阅读(3058)  评论(0编辑  收藏  举报