当屏幕宽度超过750px，响应式导航的高亮滚动功能才会启动吗？
- 内容介绍
- 文章标签
- 相关推荐
本文共计926个文字，预计阅读时间需要4分钟。
原文：
要实现导航菜单高亮条的“仅在大屏启用滚动定位功能”，关键在于动态监听视口宽度变化，而非仅在页面加载时做一次判断。原代码中使用 $(document).width() 在 $(document).ready() 中静态检测，导致窗口缩放后状态无法同步——这是典型的响应式交互遗漏。
✅ 正确做法：用 window.innerWidth + resize 实时判断
window.innerWidth 返回当前视口的像素宽度（含滚动条），比 jQuery 的 $(document).width() 更准确、无依赖，且原生性能更优。
本文共计926个文字，预计阅读时间需要4分钟。
原文：
要实现导航菜单高亮条的“仅在大屏启用滚动定位功能”，关键在于动态监听视口宽度变化，而非仅在页面加载时做一次判断。原代码中使用 $(document).width() 在 $(document).ready() 中静态检测，导致窗口缩放后状态无法同步——这是典型的响应式交互遗漏。
✅ 正确做法：用 window.innerWidth + resize 实时判断
window.innerWidth 返回当前视口的像素宽度（含滚动条），比 jQuery 的 $(document).width() 更准确、无依赖，且原生性能更优。