关于JavaScript如何实现导航栏吸顶操作的实例分享
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>在线书城
有没有一本书让你仿佛遇到春风十里
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
好书有好事有好诗
立即学习“Java免费学习笔记（深入）”；
当页面向下滚动时超过了吸顶导航的初始位置时，需要把吸顶导航栏固定在窗口顶部，一般吸顶导航栏还可以替换成文章标题栏，搜索框、tab条等等，例如百度糯米，天猫，淘宝最为常用。它们共同点是在内容或者功能上比较重要，但又不是最重要的元素，最重要的一般会放置于顶部。
1.实现思路是监听 scroll 事件，判断当前页面的滚动位置，当滚动距离大于导航条距顶部的距离时，为导航条采用窗口定位。
2.与“回到顶部“的实现方法一样，但是会发现实现吸顶功能时，到了临界位置时，页面会抖动一下，因为当导航条fixed出去，下部内容填补了导航条离开的位置。抢占了导航条的位置，所以抖动了一下。此处我们设置一个占位符，守住导航条的位置。
效果如下：
