【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' }); 相关内容
热门资讯
四分钟了解！小闲54辅助，h5...
四分钟了解！小闲54辅助，h5大厅反杀（确实是真的有挂）1、点击下载安装，小闲54辅助插件透视分类一...
透视私人局"智星德州...
透视私人局"智星德州辅助译码插件靠谱吗"详细辅助攻略方法(一直有挂)；1、下载好智星德州辅助译码插件...
透视软件!智星德州插件最新版本...
透视软件!智星德州插件最新版本更新内容详解(透视)永久脚本辅助挂(详细辅助AA德州教程)；1、起透看...
八分钟了解！新鸿狐软件下载，广...
八分钟了解！新鸿狐软件下载，广东雀神麻木智能插件安装（确实是真的有挂）；1、实时广东雀神麻木智能插件...
透视透视"xpoke...
透视透视"xpoker透视辅助"详细辅助力荐教程(确实是有挂)1、xpoker透视辅助透视辅助简单，...
透视数据!德普之星私人局透视(...
透视数据!德普之星私人局透视(透视)永久脚本辅助器(详细辅助可靠教程)进入游戏-大厅左侧-新手福利-...
第九分钟了解！小程序13水辅助...
第九分钟了解！小程序13水辅助，大唐撸麻雀作弊码（一直是有挂）1）大唐撸麻雀作弊码辅助挂：进一步探索...
透视苹果版"wepo...
透视苹果版"wepoker游戏的安装教程"详细辅助技巧教程(本来是真的有挂)1、上手简单，内置详细流...
1分钟了解！边锋干瞪眼技巧，九...
1分钟了解！边锋干瞪眼技巧，九九山城插件程序（总是真的是有挂）1）九九山城插件程序辅助挂：进一步探索...
透视挂!poker world...
透视挂!poker world辅助(透视)永久脚本辅助器(详细辅助软件教程)1、打开软件启动之后找到...