Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag18.05.2010 um 13:39 (UTC)    
Titel: spielerei mit Navigation(2)

Hi, wisst ihr, wie man so was zusammengriegt: www.oe24.at ?
PS: Achtet auf die Navigation oben beim Scrollen.

Danke
Beitrag19.05.2010 um 21:23 (UTC)    
Titel: Navigation mitscrollen lassen

Hallo

Das ist nur im Design CSS möglich und wird mit Javascript realisiert.

Die Navigation (hier ganz einfach ohne Linkformatierung):
Code für die Designeinstellungen - Code ohne Style-Tags:

Zitat:

#nav_container
{
position: absolute;
top: 100px;
left: 50%;
margin-left: -400px;
width: 800px;
height: 30px;
background-color: #FF0000;
background-image: none;
background-repeat: no-repeat;
background-position: center;
}




Javascript, das zwischen feststehender und mitlaufender Navigation umschaltet:
Text über dem Design:

Zitat:

<script type="text/javascript">


if (window.event)
{
if (document.captureEvents)
{
document.captureEvents(Event.MOUSEMOVE);
} else
{
window.captureEvents(Event.MOUSEMOVE);
};
};

document.onmousemove = changeState;

function changeState()
{
var ScrollY = 0;
if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) )
{
ScrollY = document.body.scrollTop;
}
else
if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) )
{
ScrollY = document.documentElement.scrollTop;
}
if(ScrollY >= 100)
{
document.getElementById('nav_container').style.position = "fixed";
document.getElementById('nav_container').style.top = "0px";
}
else
{
document.getElementById('nav_container').style.position = "absolute";
document.getElementById('nav_container').style.top = "100px";
}
}


</script>



Startposition der Navigation von oben

Ich habe den Code nur kurz getestet, müsste aber klappen.
Muss halt noch den Bedürfnissen angepasst werden.


Gruß

FK
______________


Zuletzt bearbeitet von fkdesign am 20.05.2010, 13:07, insgesamt einmal bearbeitet
Beitrag20.05.2010 um 13:30 (UTC)    
Titel:

Danke
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de