【javascript】关于js控制滚动的一些注意事项
创始人
2024-12-16 17:05:28
0次

滚动方式有2种

1、element.scrollIntoView

// 假设你有一个元素的ID是'element-id' const element = document.getElementById('element-id'); // 滚动到该元素 element.scrollIntoView(); // 如果你想要平滑滚动，可以传递一个选项对象 element.scrollIntoView({ behavior: 'smooth' });

PS：这种方式有2种已知情况下会不生效

  • scrollIntoView()的元素的父容器必须设置滚动，例如：overflow-y: auto；，请注意，这里说的是父容器，是不包含祖先容器的！！！
  • scrollIntoView()和requestAnimationFrame()目前不能同时存在

2、element.scrollTo

// 假设你有一个元素的ID是'element-id' const element = document.getElementById('element-id'); // 滚动到该元素 element.scrollTo(0, 100); // x，y坐标 // 如果你想要平滑滚动，可以传递一个选项对象 element.scrollTo({ top: offsetTop, behavior: 'smooth' });

上一篇：重大推荐!(wpk德州ai新版)软件透明挂辅助透视挂!(透视)辅助挂(2021已更新)(哔哩哔哩)

下一篇：cdn出租带宽_资源出租

相关内容

热门资讯

第五小时知晓！闲逸辅助软件制作... 第五小时知晓！闲逸辅助软件制作，贪玩蓝月辅助脚本（有挂开挂辅助器）；无需打开直接搜索薇:136704...
一分钟揭秘！微信小程序透视挂，... 一分钟揭秘！微信小程序透视挂，欢聚水鱼神器（有挂开挂辅助挂）1、下载安装好微信小程序透视挂，进入游戏...
透明插件！玄龙辅助工具，德州之... 您好：德州之星扫描器这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特...
第五秒钟晓得！开心泉州免费辅助... 第五秒钟晓得！开心泉州免费辅助，途游大作战辅助（有挂开挂辅助工具）这是一款可以让一直输的玩家，快速成...
我来向大家传授！科米台州麻将辅... 福州十八扑外卦视频是一款专注玩家量身打造的游戏记牌类型软件，在福州十八扑外卦视频这款游戏中我们可以记...
透视透明挂！wepoker免费... 【亲，wepoker怎么设置房间 这款游戏可以开挂的，确实是有挂的，很多玩家在这款wepoker怎么...
科技分享！川南休闲辅助，创思维... 创思维激k辅助器视频是一款专注玩家量身打造的游戏记牌类型软件，在创思维激k辅助器视频这款游戏中我们可...
第7阶段领会！广东雀神智能插件... 第7阶段领会！广东雀神智能插件官网，jj斗地主辅助（有挂开挂辅助工具）这是一款可以让一直输的玩家，快...
透明插件！wpk有辅助器吗，德... 透明插件！wpk有辅助器吗，德普之星私人局辅助器，科技教程（有挂开挂辅助软件）；打开点击测试直接进入...
八阶段晓得！奇迹掌趣辅助，新玉... 您好：这款新玉海楼游戏茶苑脚本游戏是可以开挂的，确实是有挂的，很多玩家在这款新玉海楼游戏茶苑脚本游戏...