[es] - Scroll promena pozicije sa relative na fixed

real_madrid

Član broj: 329993
Poruke: 13
*.ptt.rs.

+6 Profil

Scroll promena pozicije sa relative na fixed

^{30.09.2016. u 16:46 - pre 117 meseci}

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

Odgovor na temu