Форум Сайтостроение Веб-строительство

Остановить скролл / jQuery

Станислав
На сайте с 27.12.2009
Offline
259
Станислав
3253

Подскажите как остановить/тормознуть скролл чтобы не вылазил за пределы блока. 

<div class="content">

    <div class="scroll">

        контент scroll

    </div>

</div>

$(document).ready(function() {  

    var height = $('.scroll').offset().top;  

     

    var sticky = function(){  

    var scroll = $(window).scrollTop();  

    

        if (scroll > height) {   

            $('.scroll').addClass('sticky');  

        } else {  

            $('.scroll').removeClass('sticky');   

        }  

    };  

      

    sticky();  

      

    $(window).scroll(function() {  

        sticky();  

    });  

}); 


.sticky {  

    position: fixed;     

    top: 0;  

    z-index: 100;  

    border-top: 0;

    background: #FFF;  

}

Скролл залезает на футер сайта, футер сайта разных размеров, нужно чтобы скоролл работал только в блоке .content

Мы там, где рады нас видеть.
lutskboy
На сайте с 22.11.2013
Offline
191
lutskboy
#1

if($(window).scrollTop()+scroll.height()>content.offset().top+content.height()){

scroll.css({'position':'relative','top':content.height()-scroll.height(),'z-index':19,'left':0});

где scroll = var $('.scroll')

content = var $('.content') }

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий