问题：
当网页滚动到指定区域时，如何执行特定的事件？例如，让导航栏样式发生改变。
解决方案：
方法 1：jQuery
$(window).on('scroll', function(){
// 计算当前滚动条位置
var scrollTop = $(window).scrollTop();
// 当滚动条滚动到指定区域时（例如 200 个视口高度）
if(scrollTop >= (vh * 200)) {
// 执行事件（例如打印 "test" 到控制台）
console.log("test");
}
});方法 2：原生 JavaScript
立即学习“Java免费学习笔记（深入）”；
window.addEventListener('scroll', function(){
// 计算当前滚动条位置
var scrollTop = window.scrollY;
// 当滚动条滚动到指定区域时（例如 200 个视口高度）
if(scrollTop >= (vh * 200)) {
// vh2px
const vh = Math.floor(window.innerHeight / 100);
// 执行事件（例如打印 "test" 到控制台）
console.log("test");
}
});注意：
以上就是如何使用 JavaScript/jQuery 实现页面滚动到指定区域时触发事件？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
984
