Jquery电梯导航案例

先来看布局：

 需要实现的功能：

（1）显示隐藏电梯导航

（2）点击滚动到目标位置

（3）点击当前li添加slidered类

（4）滑动页面电梯导航自动添加slidered类

布局：

（1）电梯导航采用固定定位

（2）电梯导航有几个li右边的内容部分就有几个

功能实现思路：

功能一实现思路：

当页面滚动时判断页面被卷去的部分如果等于第一个内容部分的offset().top则显示电梯导航，阔以封装成一个函数toggleslide()，代码如下：

// 如果到了今日推荐模块侧边的导航栏就显示出来
    var tops = $('.contentfoot').offset().top;
    // console.log(tops);
    // 页面滚动事件
    // 如果用直接用页面滚动事件的话会出问题，因为如果当刷新页面的时候侧边按又会消失，因为只有当页面滚动的时候才会显示
    //    所以最好的方式是封装成一个函数
    function toggleslide() {
        if ($(document).scrollTop() >= tops) {
            // 显示侧边栏
            $('.slide').fadeIn();
        } else {
            // 隐藏侧边栏