美高梅开户-美高梅官方网站开户

您的位置:美高梅开户 > 服务器运维 > jquery实现的导航固定效果_jquery_脚本之家,jquer

jquery实现的导航固定效果_jquery_脚本之家,jquer

发布时间:2019-12-30 00:59编辑:服务器运维浏览(149)

    jquery实现的导航固定效果

    复制代码 代码如下:

    复制代码 代码如下:1.jquery代码, .nav为导航的class$.scroll {if>=250){$.addClass;}else{$.removeClass;

    <script type="text/javascript">
    $.fn.silde = function() {
    var position = function(element) {
    var top = element.position().top, pos = element.css
    ("position");
    $(window).scroll(function() {
    var scrolls = $(this).scrollTop();
    美高梅官方网站开户 ,if (scrolls > top) {
    if (window.XMLHttpRequest) {
    element.css({
    position: "fixed",
    top: 0,
    left:1080,
    "margin-left":"0px",

    2.CSS代码.fixedNav{position:fixed;top:0px;left:0px;width:100%;z-index:100000;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}

    });
    } else {
    element.css({
    top: scrolls,
    "margin-left":"20px"
    });
    }
    }else {
    element.css({
    position: pos,
    top: top,
    "margin-left":"20px"
    });
    }
    });
    };
    return $(this).each(function() {
    position($(this));

    本文由美高梅开户发布于服务器运维,转载请注明出处:jquery实现的导航固定效果_jquery_脚本之家,jquer

    关键词: 美高梅开户