当前位置: 首页 > news >正文

js中scrollIntoView第一次不生效,第二次生效

scrollIntoView 方法用于将元素滚动到可视区域。如果在页面加载后立即使用,可能不会生效,因为页面可能还没有完全渲染或者加载完成。
如果是因为元素还没有完全渲染完成,可以在 requestAnimationFrame 中调用 scrollIntoView

requestAnimationFrame(() => {var element = document.getElementById('my-element');element.scrollIntoView({behavior: 'smooth',block: 'start'});
});

关键是确保在页面完全加载和渲染之后再调用 scrollIntoView

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Linux C++ 055-设计模式之状态模式
  • React 的生命周期方法有哪些?
  • [论文笔记]构建基于RAG聊天机器人的要素
  • pycharm2020 相比pycarm2017更新内容
  • redis安装,启动客户端、验证(redis第一次作业)
  • 深入Laravel的魔法核心:依赖注入的工作原理
  • 智慧煤矿:AI视频智能监管解决方案引领行业新变革
  • 【Java】:浅克隆和深克隆
  • Java设计模式的7个设计原则
  • [计算机基础]一、计算机组成原理
  • 在 Windows 上开发.NET MAUI 应用_1.安装开发环境
  • Excel办公技巧:制作二级联动下拉菜单
  • Python excel知识库批量模糊匹配的3种方法实例(fuzzywuzzy\Gensim)
  • 开启你的 Django 开发之旅:从环境搭建到服务部署
  • 保障低压设备安全!中国星坤连接器精密工艺解析!
  • 【译】JS基础算法脚本:字符串结尾
  • “大数据应用场景”之隔壁老王(连载四)
  • 【每日笔记】【Go学习笔记】2019-01-10 codis proxy处理流程
  • cookie和session
  • Docker 笔记(2):Dockerfile
  • GraphQL学习过程应该是这样的
  • Laravel核心解读--Facades
  • opencv python Meanshift 和 Camshift
  • react-native 安卓真机环境搭建
  • Transformer-XL: Unleashing the Potential of Attention Models
  • web标准化(下)
  • 工作踩坑系列——https访问遇到“已阻止载入混合活动内容”
  • 前端路由实现-history
  • 数据结构java版之冒泡排序及优化
  • 看到一个关于网页设计的文章分享过来!大家看看!
  • 3月27日云栖精选夜读 | 从 “城市大脑”实践,瞭望未来城市源起 ...
  • 正则表达式-基础知识Review
  • 智能情侣枕Pillow Talk,倾听彼此的心跳
  • ​Base64转换成图片,android studio build乱码,找不到okio.ByteString接腾讯人脸识别
  • # Swust 12th acm 邀请赛# [ K ] 三角形判定 [题解]
  • #微信小程序:微信小程序常见的配置传旨
  • (3)STL算法之搜索
  • (31)对象的克隆
  • (C#)Windows Shell 外壳编程系列9 - QueryInfo 扩展提示
  • (C++二叉树05) 合并二叉树 二叉搜索树中的搜索 验证二叉搜索树
  • (js)循环条件满足时终止循环
  • (k8s)Kubernetes本地存储接入
  • (Mac上)使用Python进行matplotlib 画图时,中文显示不出来
  • (二)pulsar安装在独立的docker中,python测试
  • (附源码)ssm基于jsp的在线点餐系统 毕业设计 111016
  • (强烈推荐)移动端音视频从零到上手(上)
  • (亲测)设​置​m​y​e​c​l​i​p​s​e​打​开​默​认​工​作​空​间...
  • (三)mysql_MYSQL(三)
  • (数位dp) 算法竞赛入门到进阶 书本题集
  • (四)Tiki-taka算法(TTA)求解无人机三维路径规划研究(MATLAB)
  • (四)库存超卖案例实战——优化redis分布式锁
  • (转)ABI是什么
  • (轉貼)《OOD启思录》:61条面向对象设计的经验原则 (OO)
  • (自用)仿写程序
  • *算法训练(leetcode)第四十七天 | 并查集理论基础、107. 寻找存在的路径