首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

求 悬浮式菜单 js代码,该怎么解决

2012-12-31 
求 悬浮式菜单 js代码菜单的初始位置距窗口顶部有一段距离,当菜单向上滚动到窗口顶部时菜单会悬浮在最顶部

求 悬浮式菜单 js代码
菜单的初始位置距窗口顶部有一段距离,当菜单向上滚动到窗口顶部时菜单会悬浮在最顶部,而再向下滚动一定距离时又会恢复原来的位置;
类似于淘宝的这个模块:
求 悬浮式菜单 js代码,该怎么解决
[解决办法]


$(window).scroll(function() {
    var menu = $("#menu"); // 你的菜单对象
    var doc =  document.documentElement;
    if(document.compatMode == "BackCompat" 
[解决办法]
 doc.scrollTop == 0) {
        doc =  document.body;
    }
    // 144还有33自己根据页面调整
    if($(doc).scrollTop() > 144 && menu.height() + 33 < $(window).height()) {
        menu.addClass("menu-fixed");
    } else {
        menu.removeClass("menu-fixed");
    }
});



.menu-fixed { position:fixed; top:33px; width:282px; background:#fff; }
/* IE6 Position Fixed Hack */
.menu-fixed { _position:absolute; _top:expression(33 + eval(document.documentElement.scrollTop)); }

热点排行