美文网首页
滚动到指定元素区域和返回当前的滚动位置

滚动到指定元素区域和返回当前的滚动位置

作者: zhao_ran | 来源:发表于2020-11-01 18:32 被阅读0次

该代码段可将指定元素平滑滚动到浏览器窗口的可见区域。

const smoothScroll = element =>
  document.querySelector(element).scrollIntoView({
    behavior: 'smooth'
  });
  
smoothScroll('#fooBar'); 
smoothScroll('.fooBar'); 

getScrollPosition:返回当前的滚动位置

默认参数为windowpageXOffset(pageYOffset)为第一选择,没有则用scrollLeft(scrollTop)

const getScrollPosition = (el = window) => ({
  x: el.pageXOffset !== undefined ? el.pageXOffset : el.scrollLeft,
  y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop
});

getScrollPosition(); // {x: 0, y: 200}

相关文章

网友评论

      本文标题:滚动到指定元素区域和返回当前的滚动位置

      本文链接:https://www.haomeiwen.com/subject/mzluvktx.html