js方法调用疑惑

clipboard.png

clipboard.png

导航头部是fixed的,但是问题来了

clipboard.png
这个筛选项点击移除的时候,高度失效

clipboard.png

我的想法是整个方法在点击移除筛选项的时候,再去改传进去的参数?
或者在这个点击以后改写dom的id?但是在用户重新选分类的时候又比较麻烦了。

这是js代码:
$.fn.fixNav = function(args1, args2){

var position = function(element) {
    var top = element.position().top;
    var left = element.position().left;
        pos = element.css("position");
    $(window).scroll(function() {
        var scrolls = $(this).scrollTop();
        if (scrolls >= top) {
            if (window.XMLHttpRequest) {
                element.css({
                    position: "fixed",
                    top: args1,
                    left: left
                });
            } else {
                element.css({
                    top: scrolls,
                    left: left
                }); 
            }
        }else {
            element.css({
                position:"absolute",
                top: args2,
            });
        }
    });
};
    return $(this).each(function() {
        position($(this));                       
    });
} 
$("#fix_pc").fixNav("0.79rem","1.55rem");

clipboard.png
html和css,虽然看不出来。

阅读 1.9k
1 个回答

说实话没看懂啊。。f1移除dom,f2是做什么,传参是dom的宽高?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题