zoukankan      html  css  js  c++  java
  • 内容导航滚动最顶端的时候 固定

    .fixed {position: fixed;top: -5px;left: 0; 100%;box-shadow: 0 0 3px #f2f2f2;-webkit-box-shadow: 0 0 3px #f2f2f2;-moz-box-shadow: 0 0 3px #f2f2f2;}

    //nav fixed
    var menu = $('.usernav'),
    pos = menu.offset();

    $(window).scroll(function () {
    if ($(this).scrollTop() > pos.top + menu.height() && menu.hasClass('default')) {
    menu.fadeOut('fast', function () {
    $(this).removeClass('default').addClass('fixed').fadeIn('fast');
    });
    } else if ($(this).scrollTop() <= pos.top && menu.hasClass('fixed')) {
    menu.fadeOut('fast', function () {
    $(this).removeClass('fixed').addClass('default').fadeIn('fast');
    });
    }
    });//end

    //left固定
    $(".leftnav").width($(".leftbar").width())
    var leftnav = $('.leftnav');
    pos = leftnav.offset();
    posL= leftnav.offset().left;

    $(window).scroll(function () {
    if ($(this).scrollTop() > pos.top && leftnav.hasClass('default')) {
    $('.leftnav').removeClass('default').addClass('fixed');
    $('.leftnav').css("left",posL)
    }
    else if ($(this).scrollTop() <= pos.top && leftnav.hasClass('fixed')) {
    $('.leftnav').removeClass('fixed').addClass('default');
    $('.leftnav').css("left",posL)
    }
    });//end

  • 相关阅读:
    Codeforces 601B. Lipshitz Sequence(单调栈)
    C++11正则表达式初探
    Codeforces 1051 D.Bicolorings(DP)
    数据库规范——学习小记
    2016 NEERC, Moscow Subregional Contest K. Knights of the Old Republic(Kruskal思想)
    10.2路径
    10.1jihe
    8/9三角形
    8/9,集合的运算
    6.2收费
  • 原文地址:https://www.cnblogs.com/aimyfly/p/3754647.html
Copyright © 2011-2022 走看看