Плагин для расширения поля комментариев

Вопросы
Доброго дня, коллеги!
Подскажите, какой плагин меняет ширину поля комментариев при прокрутке, когда сайдбар заканчивается. На манер ленты вконтакте.

11 комментариев

avatar
Нету такого плагина тут, нужно заказывать вот тут
avatar
Был плагин Content Auto Resize — livestreet.ru/blog/addons/11831.html
Но сейчас его нет в каталоге, попробуйте написать автору
avatar
Спасибо, именно его и искал. Однако автор забросил проект, последний раз был полгода назад. Купить тоже нельзя. Может кто-то поделится, кто купить успел?
avatar
Можно обойтись без плагинов, немного доработав шаблон.

Решение 1 (only js)
В файл /js/template.js в конец добавляем:
$(function () {
    var content = $("#content");
    var sidebar = $("#sidebar");
    var content_margin_right = content.css('margin-right');
    var content_width = content.css('width');
   
    $(window).scroll(function(){
        if ($(this).scrollTop() > (sidebar.outerHeight(true) + 100)) {
            content.css({'margin-right': '0','width': 'auto'});
            sidebar.css({'display': 'none'});
        } else {
            content.css({'margin-right': content_margin_right,'width': content_width});
            sidebar.css({'display': 'block'});
        }
    });
});

Решение 2 (js + css) — на мой взгляд более правильное:
В файл /js/template.js в конец добавляем:
$(function () {
    var content = $("#content");
    var sidebar = $("#sidebar");

    $(window).scroll(function(){
        if ($(this).scrollTop() > (sidebar.outerHeight(true) + 200)) {
            content.toggleClass('wide', $(this).scrollTop() > (sidebar.outerHeight(true) + 200));
            sidebar.toggleClass('hide', $(this).scrollTop() > (sidebar.outerHeight(true) + 200));
        }
    });
});

В /css/grid.css добавляем:
#content.wide { margin-right: 0; width: 100%; }
#sidebar.hide { display: none; }
avatar
… немного ошибся в js 2-го варианта:
$(function () {
    var content = $("#content");
    var sidebar = $("#sidebar");

    $(window).scroll(function(){
        content.toggleClass('wide', $(this).scrollTop() > (sidebar.outerHeight(true) + 200));
        sidebar.toggleClass('hide', $(this).scrollTop() > (sidebar.outerHeight(true) + 200));
    });
});
avatar
Сделал как Вы указали во 2-м варианте. Ничего не изменилось.
avatar
кэш сбросьте, у себя проверил — работает
avatar
Сбросил кэш, вычистил руками папки кеш и компилед, перезагрузил сервер. Не помогло.
Хочу уточнить, как это работает- листаем топик вниз, справа сайдбар, когда сайдбар заканчивается топик и комментарии расширяются на всю ширину сайта. Так?
avatar
да, так. не могу понять почему у вас не работает, попробуйте заюзать 1-й вариант.
avatar
Может потому, что у меня шаблон Simple?
avatar
наверняка, киньте ссылку на сайт
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.