Antworten auf deine Fragen:
Neues Thema erstellen

Erledigt - jquery, php, sanftes scrollen seite hüpft, bleibt nicht stehen??

Merlin10

Noch nicht viel geschrieben

Hallo Leute

bin hier am üben.Bitte schaut euch mal den Code an ,ein fehler ist drin und ich finde in nicht.
die funktion ist, das man zum anker scrollt und wieder zurück nach oben, und auf dem weg nach oben bleibt die Seite bei 200 kurz stehen und dann springt sie ganz noch oben bei diesen Browsern, moz, ie und opera.????
sie sollte bei -200 stehen bleiben,und bei diesen browsern habe ich den text hinter der navigation stehen.
bei safri und crome funk es.

bitte um Hilfe.
gruss

Hier der code
HTML:
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  // jQuery laden
  google.load("jquery", "1.3.2");
</script>

<!-- jQuery Code -->   
<script type="text/javascript">
   
    $(document).ready(function() {
        // Alle internen Links auswählen
        $('a[href*=#]').bind("click", function(event) {
            // Standard Verhalten unterdrücken
            event.preventDefault();
            // Linkziel in Variable schreiben
            var ziel = $(this).attr("href");
            //Scrollen der Seite animieren, body benötigt für Safari
            $('html,body').animate({
                //Zum Ziel scrollen (Variable).offset().top   
                scrollTop: ($(ziel).offset().top - 200)
            // Dauer der Animation und Callbackfunktion die nach der Animation aufgerufen wird, sie stellt das Standardverhalten wieder her und ergänzt die URL
            }, 2000 , function (){location.hash = ziel;});
       });
    return false;
    });
</script>

mit diesen scrollen ich von oben nach unten
HTML:
<li><a href="#anker11">news</a></li>

und wieder zurück nach oben
HTML:
<li id="anker11">
             <h5>Eigenwerbung</h5>
                 <?php echo $news[11][0]; ?><br />
             <a href="#top">Back to top</a></p>
             <br />
             </li>
 

Curanai

Aktives Mitglied

Ich habe irgendwie den Eindruck, dass mir kürzlich wer das Problem erklärte und die Lösung erwähnte: Du musst die vorige (!) Animation stoppen! Also im Grund wie:

Code:
$('html,body').stop().animate({...});

Allerdings finde ich es sehr ungewöhnlich, dass Du die Animation a) an diesen beiden Tags durchführst und b) eben auf diese 2x - so killt der eine den anderen bei Ausführung. Richte Dir einen DIV ein oder verwende höchstens Body - das würde für mich etwas mehr "Gesicht" haben.

Viele Grüße
 

Merlin10

Noch nicht viel geschrieben

Ok, ich arbeite mit diesem scrippt, dies ist das orginal, und so hatte ich das mal übernommen, ?? welche tags kann ich da nehmen? dann könnte ich auch div tags nehmen? php ist ja ok , aber jquery, hilfe :)
hier ist der link dazu

die beispiel seite sollte beim anwählen des ankers 1 in der mitte der seite stehen bleiben. nicht bis top hochfahren,
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.564
Beiträge
1.538.064
Mitglieder
67.487
Neuestes Mitglied
MichaelSEivy
Oben