Fixare element in pagina in functie de latime fereastra
Scris: Mar Mai 05, 2015
Buna, eu am un script care fixeaza header-ul in timp ce faci scroll in jos:
Merge totul ok, numai ca pentru telefoane si tablete nu as vrea sa functioneze, ci numai la PC. Intrebarea e cum sa fac ca de exemplu cind latimea ecranului are mai putin de 800px sa nu functioneze, adica blocul sa nu mai fie fixat
Cod: SelectaĊ£i tot
<script>
$(function() {
var fixblock_height = $('#header').height();
var fixblock_pos = $('#header').position().top; ;
$(window).scroll(function(){
if ($(window).scrollTop() > fixblock_pos){
$('#header').css({'position': 'fixed', 'top':'0px', 'z-index':'10'});
$('#headblock').css('padding-bottom', fixblock_height+'px');
}else{
$('#header').css({'position': 'static'});
$('#headblock').css('padding-bottom', '0px');
}
})
});
</script>