Генерация оглавления и размещение в модуле - страница 2 - Поиск компонентов, модулей, плагинов

Делал такой модуль. На базе скриптов UIKit (с возможностью подключения этих скриптов из модуля)
Оглавление заполняется вручную, т.к заголовки могут быть очень длинными и тупо вставлять 3-х этажный пункт - не очень ...
Демо тут http://demo.wantweb.ru/anchor-list/ancholist-default
До продакшн не доводил, документацию еще не писал.
Если кому из разработчиков интересно покопаться/доработать - скину в личку

собрал бетку, вечером тему создам для тестеров )

$(document).ready(function() {
    $("a.scroll_p").click(function () {
        var elementClick = $(this).attr("href");
        var destination = $(elementClick).offset().top;
        $('html,body').animate( { scrollTop: destination }, 1100 );
        return false;
    });
});

(function($)
{
    $(document).ready(function()
    {

        var ToC =
            "<nav role='navigation' class='table-of-contents'>" +
            "<h2>Оглавление документа:</h2>" +
            "<ul>";

        var newLine, el, title, link;
        count=0;
        $('.item-page').find('h3, h4, h5, h6').each(function() { // выбираем нужные заголовки
            cls=$(this).prop("tagName").toLowerCase();		// получаем имена тегов, чтобы сделать выделить вложенные теги лесенкой

            $(this).attr('id', "mytoc" + count);
            el = $(this);
            title = el.text();
            // link = "#" + el.attr("id");
            link = "#mytoc" + count;
            count++;

            newLine =
                "<li class='pad_" + cls + "' >" +
                "<a class='scroll_p' href='" + link + "'>" +
                title +
                "</a>" +
                "</li>";

            ToC += newLine;

        });

        ToC +=
            "</ul>" +
            "</nav>";

        $(".all-questions").prepend(ToC);


    })
})(jQuery);

$(function() {
        var offset = $("#fixed").offset();
        var topPadding = 15;
        $(window).scroll(function() {
            if ($(window).scrollTop() > offset.top) {
                $("#fixed").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
            }
            else {$("#fixed").stop().animate({marginTop: 0});};});
});

$(function() {

    $(window).scroll(function() {

        if($(this).scrollTop()!= 0) {

            $('#toTop').fadeIn();

        } else {

            $('#toTop').fadeOut();

        }

    });

    $('#toTop').click(function() {

        $('body,html').animate({scrollTop:0},800);

    });

});

А не подскажешь, от чего у меня плавыный скролл к якорю из модуля не отрабатывает? А в тексте отрабатывает

Повторно код скролла:

Код

$(document).ready(function() {
    $("a.scroll_p").click(function () {
        var elementClick = $(this).attr("href");
        var destination = $(elementClick).offset().top;
        $('html,body').animate( { scrollTop: destination }, 1100 );
        return false;
    });
});

Создание оглавления:

Код

(function($)
{
    $(document).ready(function()
    {

        var ToC =
            "<nav role='navigation' class='table-of-contents'>" +
            "<h2>Оглавление документа:</h2>" +
            "<ul>";

        var newLine, el, title, link;
        count=0;
        $('.item-page').find('h3, h4, h5, h6').each(function() { // выбираем нужные заголовки
            cls=$(this).prop("tagName").toLowerCase();		// получаем имена тегов, чтобы сделать выделить вложенные теги лесенкой

            $(this).attr('id', "mytoc" + count);
            el = $(this);
            title = el.text();
            // link = "#" + el.attr("id");
            link = "#mytoc" + count;
            count++;

            newLine =
                "<li class='pad_" + cls + "' >" +
                "<a class='scroll_p' href='" + link + "'>" +
                title +
                "</a>" +
                "</li>";

            ToC += newLine;

        });

        ToC +=
            "</ul>" +
            "</nav>";

        $(".all-questions").prepend(ToC);


    })
})(jQuery);

путешествие оглавления за пользователем:

Код

$(function() {
        var offset = $("#fixed").offset();
        var topPadding = 15;
        $(window).scroll(function() {
            if ($(window).scrollTop() > offset.top) {
                $("#fixed").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
            }
            else {$("#fixed").stop().animate({marginTop: 0});};});
});

$(function() {

    $(window).scroll(function() {

        if($(this).scrollTop()!= 0) {

            $('#toTop').fadeIn();

        } else {

            $('#toTop').fadeOut();

        }

    });

    $('#toTop').click(function() {

        $('body,html').animate({scrollTop:0},800);

    });

});

поезд с крутым плагином уехал туда >>