Где я могу найти плагин jquery, такой как твиттер-загрузчик .subnav auto float bar? - PullRequest
3 голосов
/ 02 марта 2012

когда вы видите эту страницу

http://twitter.github.com/bootstrap/javascript.html

есть автоплавающая панель, в которой вы прокручиваете страницу, она автоматически прилипает к вершине

где я могу найти плагин и получить много пользовательских настроек, как это?

Я скопировал HTML-код и код JavaScript с этой страницы, как показано ниже

(function($){

    var $win = $(window);
    var $nav = $('.subnav');
    var navTop = $('.subnav').length && $('.subnav').offset().top - 38;
    var isFixed = 0;

    processScroll();

    $win.on('scroll', processScroll);

    function processScroll() {
        console.log('test');
        var i, scrollTop = $win.scrollTop();
        if (scrollTop >= navTop && !isFixed) {
            isFixed = 1;
            $nav.addClass('subnav-fixed');
        } else if (scrollTop <= navTop && isFixed) {
            isFixed = 0;
            $nav.removeClass('subnav-fixed');
        }
    };

})(jQuery);

но он просто не может двигаться и держаться наверху

1 Ответ

2 голосов
/ 04 марта 2012

Убедитесь, что вы включили CSS, а также HTML / Javascript.
Класс subnav-fixed бесполезен без сопутствующего CSS в вашей таблице стилей.

Скопировано с сайта (через firebug):

.subnav-fixed {
    /*important part*/
    left: 0;
    position: fixed;
    right: 0;
    top: 40px;
    z-index: 1020;
    /*design stuff*/
    border-color: #D5D5D5;
    border-radius: 0 0 0 0;
    border-width: 0 0 1px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...