Как сделать sticky sidebar адаптивным?

так укажите в стилях для сайдбара при ширине 768 и меньше - display: none; и все равно что он там фиксед или в абсолюте :)

@media all and (max-width: 768px) {
.sidebar{
dispaly:none;
}
}

А что мешает инициализировать его, только при ширине экрана больше 768 ?:)

$.fn.fixer = function(options) {

       if ($win.width() > 728){     // если ширина экрана  

             return this;                // больше 728 пикселей, то 

       }                                   // выходим из плагина без инициализации оного 



        options = $.extend(options, defaults);

        var hori = options.horizontal,

cssPos = hori ? 'left' : 'top'............

должно сработать вот так

anotherbird,

Что-то перестает вообще работать, если так вставить.

u3Bepr, indenger20, у меня в сайдбаре много информации: меню, списки, короче говоря я хочу это технично убирать в подвал на маленьких экранах.

melkozaur, Дак суть же в том, что скрипт прилипания не будет работать при такой-то ширине, а сам сайдбар остается в разметке, дальше вы его позиционируйте как угодно.

Или я чего-то не понимаю?

я имею ввиду добавить условие, как-то так

а, он и не должен работать при ширине экрана меньше 728, сорри, тогда так

$.fn.fixer = function(options) {
       console.log($win.width());  // покажет в консоли ширину экрана (chrome Ctrl + Shift + J)
                                             
       if ($win.width() < 728){     // если ширина экрана  
             return this;                // меньше 728 пикселей, то 
       }                                   // выходим из плагина без инициализации оного  

indenger20, ну да. В принципе это и нужно: чтобы при ширине меньше 768 переставал работать этот скрипт (в частности, переставал присваивать значения fixed и absolute для блока), так вот как это сделать?

Тут варианта два. Распихивать сразу и туда и туда - но при срабатывании @media запроса одно скрывать - другое показывать.

вариант 2 - jQuery

$('.destination').append($('.source').html());