zoukankan      html  css  js  c++  java
  • js 原生滚动到指定元素(元素滚动到可视范围)

    1、
    document.querySelector("section article .css-1dbjc4n div > div[role='group']").scrollIntoViewIfNeeded() 元素将在其所在滚动区的可视区域中居中对齐 好用
          
    document.querySelector("section article .css-1dbjc4n div > div[role='group']").scrollIntoViewIfNeeded(false)  

        则元素将与其所在滚动区的可视区域最近的边缘对齐。 根据可见区域最靠近元素的哪个边缘,元素的顶部将与可见区域的顶部边缘对准,或者元素的底部边缘将与可见区域的底部边缘对

    链接:https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView 示例: var element = document.getElementById("box"); element.scrollIntoView(); 元素的顶端将和其所在滚动区的可视区域的顶端对齐 element.scrollIntoView(false); 元素的底端将和其所在滚动区的可视区域的底端对齐 element.scrollIntoView({block: "end"}); element.scrollIntoView({behavior: "instant", block: "end", inline: "nearest"});
  • 相关阅读:
    django+uwsgi+nginx实现负载均衡
    centos7 pip安装
    centos虚拟环境配置
    cenots7更换国内pip源
    FastDFS缩容
    FastDFS基于group扩容
    centos同步系统时间
    centos永久开放端口
    pip更换国内源
    Java四种访问修饰符
  • 原文地址:https://www.cnblogs.com/cbugs/p/12494020.html
Copyright © 2011-2022 走看看