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);
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM