Klebrige "Zurück zum Anfang" Taste beim Laden der Seite, vor dem Scrollen

7

Ich folgte einem Tutorial, um eine klebrige "zurück nach oben" -Schaltfläche zu erhalten, die erscheinen würde, wenn Sie nach unten scrollen. Aus irgendeinem Grund wird es angezeigt, wenn Sie sich nach dem ersten Laden der Seite oben auf der Seite befinden. Wenn Sie nach unten scrollen, dann den ganzen Weg zurück, verschwindet es (wie es sollte). Aber anfangs verhält es sich nicht richtig. Irgendeine Idee?

Hier ist die Live-Seite, auf der ich sie verwende. Sie können sie in der unteren rechten Ecke sehen: Ссылка

HTML

%Vor%

CSS

%Vor%     
Will Ryan 12.03.2014, 19:28
quelle

3 Antworten

11

Ändern Sie Ihren HTML-Code von

%Vor%

bis

%Vor%

Dies wird zunächst Ihre Schaltfläche ausblenden, bis Sie blättern.

    
ntgCleaner 12.03.2014, 19:32
quelle
6

Es wird angezeigt, weil Sie noch kein scroll-Ereignis ausgelöst haben, damit diese Logik ausgeführt wird, um es auszublenden / anzuzeigen

%Vor%

Dieser neue Refactor wird checkPosition mindestens einmal beim Laden der Seite auslösen, um sicherzustellen, dass die Schaltfläche ausgeblendet wird. Eine alternative Lösung wäre, display: none; im CSS für das Element zu setzen, so dass es standardmäßig ausgeblendet ist und dann erst später vom JavaScript angezeigt wird.

    
Alex Mcp 12.03.2014 19:30
quelle
1

Ich habe als Benutzer ntgCleaner gesagt und ändern Sie die "Anzeige: Inline" in der HTML zu "Anzeige: keine" und es scheint zu funktionieren. Danke!

    
Will Ryan 12.03.2014 19:35
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset jQuery UI-Dialogfeld - Schaltflächen können nicht entfernt werden