Двигающийся фильтр

[jjoni]

Привет! Стоит фильтр ocfilter, как сделать, что бы он при скролинге двигался вниз и всегда был на виду?

[guck]

Привет! Стоит фильтр ocfilter, как сделать, что бы он при скролинге двигался вниз и всегда был на вадрес сайта

 

адрес сайта

[zomo]

position:fixed

[Raensul]

Привет! Стоит фильтр ocfilter, как сделать, что бы он при скролинге двигался вниз и всегда был на виду?

а если он не влезет на экран пользователю?

тут бы типа параллакса замутить

[guck]

тут бы сначала его увидеть))

[HyperLabTeam]

а если он не влезет на экран пользователю?

тут бы типа параллакса замутить

прокрутку внутри блока

[Raensul]

прокрутку внутри блока

можно конечно, но думаю покупатели на мобильных будут в восторге :)

[jjoni]

kupolsb.ru

 

Тогда на мобильных не нужен. Только десктоп

[guck]

kupolsb.ru

 

Тогда на мобильных не нужен. Только десктоп

css:

 

@media screen and (min-width:1200px){

#ocfilter {

    width: 260px;

}

}

@media screen and (min-width:992px) and (max-width:1199px){

#ocfilter {

width:220px;

}

}

@media screen and (min-width:768px){

#ocfilter {

position: fixed;

}

#ocfilter-content {

height: 500px;

overflow: auto;

}

}

 

jQuery:

 

if($(window).width() >= '1200'){

var h_hght = 317; 

}

if($(window).width() < '1200' || $(window).width() > '991'){

var h_hght = 330; 

}

if($(window).width() < '992'){

var h_hght = 504;

}

var h_mrg = 30;   

 

if($(window).width() > '768'){              

$(function(){

 

    var elem = $('.panel-default');

    var top = $(this).scrollTop();

     

    if(top > h_hght){

        elem.css('top', h_mrg);

    }           

     

    $(window).scroll(function(){

        top = $(this).scrollTop();

         

        if (top+h_mrg < h_hght) {

            elem.css('top', (h_hght-top));

        } else {

            elem.css('top', h_mrg);

        }

    });

 

});

}

 

 

Как-нибудь так попробуй)