一个小土豆的博客

原创 导航条滑到页面顶端时固定的效果的实现

这里要实现的效果是当导航条在用户滑动鼠标到达页面顶端时，固定在页面顶端的效果。首先说一下原理：鼠标在页面上滑动时，会触发scroll事件，这时，只要做一个判断：当页面滑动的高度scrollTop()大于导航条离页面的高度时，给导航条添加一个固定的类，例如bootstrap中的 navbar-fixed-top类，而当页面滑动的高度小于导航条离页面的高度时，移除这个类，即可达到这个效果。这里