JavaScript » Sticky DIV

{tutorialcode}.[jimdo.com] � {tutorialcode}.[jimdo.com] � JavaScript � Sticky DIV

Themen-Einstellungen

Thema drucken

Bereich wechseln

{tutorialcode}.[jimdo.com] Die Frage f�r mich lautet einfach nur WARUM ??? CSS JavaScript HTML

#1 | Sticky DIV datum

23.04.2012 23:03 (zuletzt bearbeitet: 23.04.2012 23:12)

Lars Schmidt

Informationen anzeigen

Beitr�ge:	4
Registriert seit:	08.03.2012
Wohnort:	Finsterwalde

DIV popt an bestimmter Poition auf.
(Quelle: www.tutorials.de)

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<style type="text/css">
/*<![CDATA[*/
#foo {
   width : 150px;
   height : 150px;
   background : red;
   display : none;
   position : fixed;
   top : 45px;
   left : 430px;
}
/*]]>*/
</style>
 

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript">
        /* <![CDATA[ */
        var foo = document.getElementById('foo');
        
        window.onscroll = function() {
                foo.style.display = ((window.pageYOffset || document.documentElement.scrollTop) > 200) ? 'block' : 'none';
                foo.style.background = ((window.pageYOffset || document.documentElement.scrollTop) > 400) ? 'green' : 'red';
        };
        /* ]]> */
</script>
 

1
2
 
<div id="foo">
</div>
 

Antworten

� **