Фиксированное меню и размер окна

Question

Фиксированное меню и размер окна

0

Мы создаем функцию для фиксированного подменю, и мне нужно изменить верхнее значение в зависимости от размера окна.

Вот демонстрация, но она работает не так, как ожидалось.

jQuery(window).resize(function () {
    if (jQuery(this).width() > 767) {
        jQuery("document").ready(function repositive() {
            jQuery('li.toolbar-destiny').hide();
            var nav = jQuery('.sub-menu');

            $(window).scroll(function () {
                if (jQuery(this).scrollTop() > 142) {
                    nav.addClass("f-nav");
                    jQuery('li.toolbar-destiny').show();
                } else {
                    nav.removeClass("f-nav");
                    jQuery('li.toolbar-destiny').hide();
                }
            });
        });
    } else {
        jQuery('li.toolbar-destiny').hide();
        var nav = jQuery('.sub-menu');

        jQuery(window).scroll(function () {
            if (jQuery(this).scrollTop() > 91) {
                nav.addClass("f-nav");
                jQuery('li.toolbar-destiny').show();
            } else {
                nav.removeClass("f-nav");
                jQuery('li.toolbar-destiny').hide();
            }
        });

    }
});

jQuery(window).resize(function () {
    repositive();
});

Могу ли я узнать причину неработоспособности и как это исправить?

Zeosing 14 март 2014, в 10:54

Источник

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

Zeosing · Accepted Answer · 2014-03-14T12-08-00.000Z

Хорошо, мы решим это, вот демо:

демонстрация

jQuery(document).ready(function () {
    if (jQuery(this).width() > 767) {
        jQuery("document").ready(function repositive() {
            jQuery('li.toolbar-destiny').hide();
            var nav = jQuery('.sub-menu');

            $(window).scroll(function () {
                if (jQuery(this).scrollTop() > 142) {
                    nav.addClass("f-nav");
                    jQuery('li.toolbar-destiny').show();
                } else {
                    nav.removeClass("f-nav");
                    jQuery('li.toolbar-destiny').hide();
                }
            });
        });
    } else {
        jQuery('li.toolbar-destiny').hide();
        var nav = jQuery('.sub-menu');

        jQuery(window).scroll(function () {
            if (jQuery(this).scrollTop() > 91) {
                nav.addClass("f-nav");
                jQuery('li.toolbar-destiny').show();
            } else {
                nav.removeClass("f-nav");
                jQuery('li.toolbar-destiny').hide();
            }
        });

    }
});

Надеюсь, это поможет другим.