WebDevTeam’s Blog

Web Development, JavaScript, CSS, Ajax, Web2.0, Usability, Interaction, Tools

jQuery scrollTo

leave a comment »

Ich habe aus diesem PlugIn mal das Essentielle extrahiert, weil es dort in der init.js Datei versteckt ist:

        <div id="umrahmendesDIV" style="height: 200px; overflow: scroll;">
            <br /><br /><br /><br /><br /><br /><br /><br /><br />
            <br /><br /><br /><br /><br /><br /><br /><br /><br />
            <br /><br /><br /><br /><br /><br /><br /><br /><br />
            <h1 class="meineUeberschrift">hallo</h1>
        </div>

        <script type="text/javascript">
            /* <![CDATA[ */
                function scrollMal() {
                    jQuery('#umrahmendesDIV')
                     .stop()
                     .scrollTo( jQuery('#umrahmendesDIV .meineUeberschrift') , 800 );
                }
            /* ]]> */
        </script>
        <a href="javascript:scrollMal()">scrollto</a>
Advertisements

Written by webdevteam

März 19, 2009 um 2:14 pm

Veröffentlicht in Uncategorized

Tagged with

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s

%d Bloggern gefällt das: