jQuery Smooth Scrolling beim Laden der Seite

7

Ich verwende dieses jQuery-Skript, um Smooth Scrolling (gefunden auf CSS-Tricks.com) zu machen:

%Vor%

Es funktioniert fantastisch, abgesehen von einer Sache, ich will, dass es funktioniert, wenn jemand direkt zur URL geht, z.B. http://domain.com/page.html#anchor Es wird beim Laden der Seite von oben nach diesem Anker geglättet, jetzt geht es sofort zum Seitenanker, es sei denn, sie haben auf einen Anker geklickt. Ich hoffe, das macht Sinn.

    
Talon 14.05.2013, 03:56
quelle

4 Antworten

22

Wenn es nicht zu spät für die Antwort ist, dann gehen Sie hier .... Hier ist eine Modifikation des PSR-Codes, der tatsächlich für reibungsloses Scrollen der Seite beim Laden funktioniert:

Ссылка

%Vor%

Bessere Version:

Ссылка

%Vor%

Alles, was Sie in diesem Skript tun müssen, ist, die "myclass" durch eine Klasse oder ID des Steuerelements zu ersetzen, das sich auf der Seite befindet, zu der Sie blättern möchten.

Naveed

    
Naveed 23.07.2013 21:48
quelle
3

Ich fand das der beste Weg, um das zu tun, was ich bisher wollte:

%Vor%     
Talon 16.05.2013 17:35
quelle
2

@ Talons post ...

  

Ich fand das der beste Weg, um das zu tun, was ich bisher wollte:

Ich 2, aber ich musste einige Änderungen daran vornehmen.

%Vor%

1. Warum das "/" ersetzen?

In meinem Fall macht es die URL ...

"http: // [meine Domain] / [meine Seite] / [mein Anker]" ... sieht aus wie ...

"http: / [meine Domain] / [meine Seite] / [mein Anker]"

und ...

2. Chrome (meine aktuelle Version: 40.0.2214.115 m) mag die folgende Zeile nicht ...

%Vor%

Uncaught Error: Syntaxfehler, nicht erkannter Ausdruck: http: / [Meine Domäne] / [Meine Seite] / [Mein Anker]

Ich habe herausgefunden, dass jQuery nicht mit "offset" arbeiten kann, wenn "target" ein vollständiger href ist wie http: // ... / # anchor.

um 1 zu beheben.

ersetzt:

%Vor%

mit:

%Vor%

um 2 zu beheben.

ersetzt:

%Vor%

mit:

%Vor%

Funktioniert jetzt perfekt für mich, ohne irgendwelche Fehler. Bitte kommentieren Sie dieses, denn ich bin ziemlich neu in js / jquery ...

thx @Talon

    
Bloghopper 28.02.2015 12:39
quelle
-1

Sie können dies tun, indem Sie .scrollTop ()

verwenden %Vor%

SIEHE HIER

    
PSR 14.05.2013 03:57
quelle

Tags und Links