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
CSS za header
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
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");
}
});
});
$(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;
}
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