Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Scroll promena pozicije sa relative na fixed

[es] :: Javascript i AJAX :: Scroll promena pozicije sa relative na fixed

[ Pregleda: 2158 | Odgovora: 0 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

real_madrid

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



+6 Profil

icon Scroll promena pozicije sa relative na fixed30.09.2016. u 16:46 - pre 71 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

[es] :: Javascript i AJAX :: Scroll promena pozicije sa relative na fixed

[ Pregleda: 2158 | Odgovora: 0 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.