Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
Michal Kučera:1.3.2015 15:00

Ahoj, s Javascriptem jsem nový a narazil jsem na problém, chci udělat, že když scrolluju dolů, a #menu dojede na horní okraj obrazovky, zafixuje se nahoře, jenže když potom pojedu přes bílý článek, menu bude pomalu zanikat. Chtěl bych to vyřešit buď borderem nebo box-shadowem :-) , Nevíte jak by to mělo vypadat? (např. 'box-shadow':'2px 0 black')?

$(function(){

        fixMenu();
        fixAside();
        smoothScroll();
});

function fixMenu()
{
        var menu_place = $('#menu').offset().top;
        var menu = $('nav');

        $(window).scroll(function(){

                var scroll_top = $(window).scrollTop();

                if ( scroll_top > menu_place )
                        {
                                menu.css({ 'position': 'fixed', 'top':0,
                    'background': '#F5F5F5', 'right':0, 'left':0}); //Do tohoto řádku bych to rád dal
                        }
                else
                        {
                                menu.css({ 'position': 'relative' });
                        }
        });
}

function fixAside()
{
        var sticky = $('.sticky').offset().top;
        var menu = $('nav');

        $(window).scroll(function(){

                var scroll_top = $(window).scrollTop() + menu.height();

                if (sticky < scroll_top){
                        $('.sticky').css({ position: 'fixed', top: menu.height() });
                }
                else {
                        $('.sticky').css('position','static');
                }
        });
}
Odpovědět
1.3.2015 15:00
Lidé jsou jako stromy, když do nich sekáš sekerou, umřou.
Avatar
Odpovídá na Michal Kučera
Neaktivní uživatel:1.3.2015 15:23

Ahoj, do CSS vlastnosti box-shadow se nejprve zapíše horizontální a vertikální posun stínu, poté jeho dosah (rozmazání) a jeho začátek (jak daleko bude zasahovat plný stín). Nakonec napíšeš barvu. Pro přirozený stín vycentrovaný doprostřed tedy můžeš použít

box-shadow: 0 0 10px 0 gray;
menu.css({ 'position': 'fixed', 'top':0,
  'background': '#F5F5F5', 'right':0, 'left':0, 'box-shadow': '0 0 10px 0 gray'});
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
1.3.2015 15:23
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Michal Kučera:1.3.2015 16:14

Fredep opět všechno vyřešil, děkuji moc (Tu máš body a zkušenosti :-D :-D )

Nahoru Odpovědět
1.3.2015 16:14
Lidé jsou jako stromy, když do nich sekáš sekerou, umřou.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.