【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' }); 相关内容
热门资讯
推荐一款!!微乐小程序黑科技(...
推荐一款!!微乐小程序黑科技(外挂),微信小程序微乐破解器2025切实的确有挂1、每一步都需要思考，...
研究成果!微信小程序免费黑科技...
研究成果!微信小程序免费黑科技(外挂),微乐小程游戏破解器下载本来揭秘有挂一、微信小程序免费黑科技游...
科普!微信小程序黑科技(外挂)...
科普!微信小程序黑科技(外挂),微乐小程序自建房插件免费一直的确有挂1）微信小程序黑科技免费钻石：进...
玩家必看教程!!微信小程序免费...
玩家必看教程!!微信小程序免费黑科技(外挂),微信小程序怎么开挂切实有挂工具1、在微信小程序免费黑科...
一分钟教你!微信小程序黑科技(...
一分钟教你!微信小程序黑科技(外挂),微乐小程序黑科技下载都是有挂详细1）微信小程序黑科技有没有挂：...
每日必看!微乐小程序免费黑科技...
每日必看!微乐小程序免费黑科技(外挂),广西微乐小程序控制器确实今日头条1、玩家可以在微乐小程序免费...
终于知道!!微乐小程序黑科技(...
终于知道!!微乐小程序黑科技(外挂),贵州微乐自建房辅助软件下载其实有挂辅助1、实时微乐小程序黑科技...
解谜透视！红龙poker辅助器...
解谜透视！红龙poker辅助器免费观看，epoker透视底牌（透视）都是存在有辅助攻略（哔哩哔哩）1...
最终！WePOker有没有透视...
最终！WePOker有没有透视方法，传送屋辅助器（免费），本来真的是有辅助攻略（哔哩哔哩）1、玩家可...
透视课程！wepoker可以免...
透视课程！wepoker可以免费玩吗（透视）切实有辅助安装（哔哩哔哩）透视课程！wepoker可以免...