当前位置:   article > 正文

元素滚动到页面视图中展示_滚动到元素视图

滚动到元素视图

需求描述:数据内容展示为文本或者表格,需要点击时定位到高亮的关键字,使之展示在页面视图中

el为需要展示在页面中的dom元素,el.scrollIntoView({behavior:'smooth',block:'center',inline:'center'}) 参数分别是过渡动画,垂直方向对齐,水平方向对齐。

注意点:获取dom对象时尽量缩小范围,提高性能,可以将el的范围缩小,避免其它不需要滚动的地方出现相同的元素导致出错

具体参数参考MDN:Element.scrollIntoView() - Web API 接口参考 | MDN一个Boolean值:https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/295383
推荐阅读
相关标签
  

闽ICP备14008679号