Jörg Reinholz: Bild soll doppelte Scrollgeschwindikeit haben

Beitrag lesen

Moin!

Das hier macht nicht das, was Du willst, enthält aber alle Elemente, die Du brauchst:

<!doctype html>
<html>
    <head>
        <title>The flying Picture</title>
        <script>
            var TopStatic=100;
            window.onscroll=function () {
                var TopNew = TopStatic + window.pageYOffset * 2;
                document.getElementById('The_Flying_Picture').style.top=TopNew + 'px';
            }

        </script>
    </head>
    <body>
        <div style="height:2000px; padding-left:200px">The Flying Picture</div>
        <div id="The_Flying_Picture" style="width:100px; height:100px; position:absolute;  z-index:2; top:100px; left:50px; border:2px solid red;">The Flying Picture</div>
    </body>
</html>

Jörg Reinholz