JavaScript Zurückscrollen mit FullPage.JS nicht möglich

[Dsimon24]

Hallo zusammen,

vor kurzem habe ich eine kleine, leider derzeit lokale, WepApp mit u.a. fullpage.js erstellt.

Ich sehe ein View und habe eine Auswahlmöglichkeit. Klicke ich etwas an, wird in den
nächsten View gescrollt und es geht weiter. In der Linkzeile des Browsers steht dann
die normale URL der Website zzgl. '#section2' usw.

Jetzt zu meinem Problem:
Gelange ich durch einen Klick innerhalb eines Views in den nächsten View, kann ich nicht
mehr hochscrollen. Runterscrollen ist aber möglich. Runterscrollen geht bis zum Ende
der Views. Hochscrollen dann nur bis zu diesem View, der in der URL-Zeile steht.

Auf dem iPhone (allerdings nur dort) kann ich auch weiter hochscrollen. Quasi bis zum
Anfang der Seite.

Kennt vielleicht einer das Problem und kann mir helfen, ohne, dass ich den Quellcode
zur Verfügung stelle? Ansonsten muss ich diesen aus einem größeren Projekt rausko-
pieren, damit dieser noch immer nachvollziehbar ist.

Ich freue mich auf eure Antworten!

VG, David

 

[floTTes]

Ohne mir den Code anzusehen, habe ich auf der Webseite von fullpage.js festgestellt, dass Scrollen gehookt wird. Was bei der Idee dahinter natürlich Sinn ergibt. Schätze der Hook hat'n Haken bei dir!

Edit:
Hast du'n Floating Menu oder Back-To-Top-Button? Kannst du über Links/Buttons problemlos wieder hoch?
Geht's zu keiner höheren Sektion? Quasi von 3. wieder zu 2.?

Hast du dich an das vorgegebene Markup gehalten?

<div id="fullpage">
	<div class="section">Some section</div>
	<div class="section">Some section</div>
	<div class="section">Some section</div>
	<div class="section">Some section</div>
</div>

Probiere doch mal ob es ohne zusätzliche Anker geht.

 

[Dsimon24]

Guten Morgen,

ja, an´s Mockup habe ich mich gehalten.

Wie genau meinst du das mit den zusätzlichen Ankern?
Mit dem hooken weiß ich auch nicht genau, wie du das meinst.
Kannst du mir das nochmal ein bisschen genauer erklären? ;-)

VG, David

 

[Sparta8]

Hast du IDs doppelt vergeben?
Verwendest du für die internen Links "data-anchor"? Falls ja, überschneiden sich die Werte mit keiner ID in deinem Dokument?

Die Konsole wirft keine Fehler aus?

 

[floTTes]

Also, sämtliches Scrollen wird soweit ich sehe von fullPage.js übernommen. Der Scroll-Balken ist aus. Mausrad hoch und runter, etc. werden von fullPage.js übernommen.
fullPage.js hängt (hookt) sich an die Aktion z.B. "Mausrad hoch" und unterbindet die Standard-Aktion des Browsers. Du kannst nicht mehr wie üblich um nur ein paar Zeilen scrollen. Jetzt übernimmt fullPage.js und sucht einen Punkt wohin du scrollen kannst. Entweder findet fullPage.js keinen oder dieser ist nicht eindeutig.
Darum solltest du mal bitte probieren ob es mit der Minimal-Struktur geht - ohne extra IDs oder "data-anchor". Überprüfe deine JS-Console und ob alle IDs und "data-anchor" unique sind.

Ohne Quell-Code ist's reines Rumgerate! Es dürfte nicht so viel Arbeit machen, uns hier nur die Grundstruktur deiner Sektionen und den JavaScript-Aufruf für fulllPage.js zu posten. So lässt es sich viel einfacher helfen!

Falls die Seite online ist, schicke mir 'ne PN mit der Adresse. NDA versteht sich von selbst ...