[ real_madrid @ 30.09.2016. 16:46 ] @
Hocu da mi se header blok fiksira uz vrh prozora nakon prelaska preko odredjene pozicije skrolovanjem (scrollTop) tj. i da promeni poziciju sa relative na fixed. jQuery script Code: $(document).ready (function () { $(window).scroll (function () { if ($("body").scrollTop() > 630) { $("header").css({"position":"fixed","background-color":"#242424","height":"60px"}); $(".logo-icon").css("width","50%"); $("nav,.social-icon-group,.call-us").css("top","26px"); } else { $("header").css({"position":"relative","top":"0px","background-color":"transparent","height":"120px"}); $(".logo-icon").css("width","100%"); $("nav,.social-icon-group,.call-us").css("top","52px"); } }); }); CSS za header Code: header { position:relative; top:0px; width:100%; height:120px; margin:auto; box-sizing:border-box; overflow:hidden; z-index:2; } OK funkcionise u Chromu i Operi,ali zato u Firefoxu i IE-u ne funkcionise. Kako se ovo radi? Sta da promeni da dobijem kompatibilan kod za IE i Firefox. Kako biste vi ovo izveli. Molim ako moze sto konkretnija pomoc uz sto jednostavnije objasnjenje jer sam jos uvek student(nisam ni junior ). Hvala unapred. Pozz |