WebSite X5Help Center

 
Cookie G.
Cookie G.
User

Scroll to top langsamer  de

Autor: Cookie G.
Visited 1565, Followers 2, Udostępniony 0  

Hallo Inco

Wünsche mir für die Zukunft so etwas wie auf dieser Seite wo das Scroll to top langsamer hoch geht, oder nach Geschwindigkeit einstellbar ist. Ist irgendwie beruhigend... Das Internet ist eh schon schnell und stressig wink

Zwischendurch ist Gemütlichkeit auch was schönes...

Gruß 

Cookie 

Posted on the
33 ODPOWIEDZI - 5 USEFUL
JÖRG L.
JÖRG L.
User

+1

Czytaj więcej
Posted on the from JÖRG L.
Juergen T.
Juergen T.
User

Hallo Andreas,

passt jetzt zwar nicht zur Anfrage, aber kann man dich mal Privat anschreiben und wenn ja wie ?

Das finde ich in diesem Forum ein wenig schade, dass man keine private Anfrage schicken kann...

LG Juergen

Czytaj więcej
Posted on the from Juergen T.
Andreas L.
Andreas L.
User

Ja klar: developer-koeln(at)outlook.de

Czytaj więcej
Posted on the from Andreas L.
Cookie G.
Cookie G.
User
Autor

Hallo Andreas

Habe versucht es so einzufügen, geht aber nicht. Was mache ich falsch?

Gruss

Cookie

Czytaj więcej
Posted on the from Cookie G.
Karl B.
Karl B.
User

Wo muss der Code eingefügt werden?

Czytaj więcej
Posted on the from Karl B.
Andreas S.
Andreas S.
Moderator
Najlepszy Użytkownik miesiąca DE

Vergesst den Code, denn ohne JAvaskriptkenntnisse und Startcode hilft das Skript sowieso nicht.

Komisch dass KolAsim hier nichts dazu sagt innocent. Sonst ist er mit seinen Iframe Lösungen ja sofort da!

Czytaj więcej
Posted on the from Andreas S.
Cookie G.
Cookie G.
User
Autor

Die Hoffnung stirbt zuletzt wink

Czytaj więcej
Posted on the from Cookie G.
Cookie G.
Cookie G.
User
Autor

Mein Kumpel wo die Seite gemacht hat hat mir diesen Skript gegeben 

$('a').click(function(){var top = $('body').find($(this).attr('href')).offset().top; $('html, body').animate({ scrollTop: top },500,'easeOutExpo');returnfalse;});

Er arbeitet mit WordPress  und kennt wsx5 nicht. Hat einer ein Plan?

Gruß Cookie 

PS:  der Koch hat keinen Plan wink

Czytaj więcej
Posted on the from Cookie G.
Cookie G.
Cookie G.
User
Autor

Habe dafür eine Lösung gefunden.

Schau hier

Gruss

Cookie

Czytaj więcej
Posted on the from Cookie G.
Karl B.
Karl B.
User

@Cookie

Zwei Fragen habe ich dazu:

1. Wo kann man die Geschwindigkeit verändern/einstellen?

2. Wo erstellt man die Verknüpfung zu page-to-top.png?

Czytaj więcej
Posted on the from Karl B.
Andreas L.
Andreas L.
User

Karl in zeile 14 die 300 verändern.

Czytaj więcej
Posted on the from Andreas L.
Andreas L.
Andreas L.
User

Das .png wird im div unter src="style(also dein Ordner wo es ist)/page-to-top...(file Name)

Czytaj więcej
Posted on the from Andreas L.
Andreas S.
Andreas S.
Moderator
Najlepszy Użytkownik miesiąca DE

NE nicht die 300 sondern in Zeile 27 die 5500 ms!

Czytaj więcej
Posted on the from Andreas S.
Cookie G.
Cookie G.
User
Autor

Guten Morgen

Andreas S hat recht. 

Karl, du musst den "Pfeil" (page-to-top.png) in den Style Ordner kopieren. Unter Textstile, Felder und Buttons "Punkt 2" Musst du den Button deaktivieren.

Gruss

Cookie

Czytaj więcej
Posted on the from Cookie G.
Karl B.
Karl B.
User

Das ist ja irre gut, besonders das kurz vor dem Erreichen des Seitenanfangs die Geschwindigkeit verlangsamt wird, oder meine ich das nur?

Jetzt würde mich noch interessieren,

1. an welcher Schraube man drehen muss, damit der Button (Pfeil) nicht rechts, sondern links unten angezeigt wird und man den Code auch zweimal, also einmal mit Pfeil rechts unten und einmal mit Pfeil links unten einfügen kann?

2. ob es möglich ist, auch die Geschwindigkeit des Ankersprungs zu steuern?   

Czytaj więcej
Posted on the from Karl B.
Cookie G.
Cookie G.
User
Autor

Das mit der geschwindikeit stimmt, dass ist "swing", der nach den 5500 ist (Code vor dem Head). Es gibt noch mehr möglichkeiten, die hat mir aber am besten gefallen.

1.

<style>
/*To top Style*/
#imPageToTop { position: fixed; bottom: 30px; left: 30px; z-index: 5000; display: none; opacity: 0.75 }
#imPageToTop:hover {opacity: 1; cursor: pointer; }
</style>

Czytaj więcej
Posted on the from Cookie G.
Karl B.
Karl B.
User

@Cookie G.

Danke! Auf "left" hätte ich auch selber kommen können/müssenlaughing

Schade, dass man es nicht rechts und links anzeigen kann. Ist zwar nur eine Spielerei, aber wäre schön wenn man einen Button für die "Eiligen" und einen für die "Gemütlichen" anbieten könnte.

Czytaj więcej
Posted on the from Karl B.
Andreas L.
Andreas L.
User

ja sorry stimmt habe das script nur kurz überflogen. Die  5500 ms sind richtig

Czytaj więcej
Posted on the from Andreas L.
Cookie G.
Cookie G.
User
Autor

Hallo Karl

Zu Punkt 2 ist eine coole Idee, werde meinem Kumpel mal fragen ob das geht, kann aber eine Weile dauern.

Gruss

Cookie 

Czytaj więcej
Posted on the from Cookie G.
Karl B.
Karl B.
User

Gerne!

Czytaj więcej
Posted on the from Karl B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Andreas S.
... ... Komisch dass KolAsim hier nichts dazu sagt . Sonst ist er mit seinen Iframe Lösungen ja sofort da!

(It > De) ... Hallo, es tut mir leid, ich habe dieses Thema jetzt gesehenembarassed. ... Ich besuche normalerweise die IDEA-Sektion von Zeit zu Zeit. ... normalerweise besuche ich die Fragen der letzten fünf Tage ...
... danke, dass du mich genannt hast, aber ich bin momentan ohne Programm und ohne PC ...
... eine "jQuery" -Methode, die ich meiner alten Erfindung hinzugefügt hatte, bevor sie auch im Programm verwendet wurde, ist in > "this example"  (Zeile Nr. 40-48) in der Funktion zu sehen Die Bildlaufgeschwindigkeit kann angepasst werden ...
Hallo und Grüße an alle, ...ciao wink

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Karl B.
Karl B.
User
Cookie G.
Hallo Karl Zu Punkt 2 ist eine coole Idee, werde meinem Kumpel mal fragen ob das geht, kann aber eine Weile dauern. Gruss Cookie 

Gibt es schon Infos hierzu?

Czytaj więcej
Posted on the from Karl B.
Cookie G.
Cookie G.
User
Autor

Hallo Karl

Am Dienstag nachmittag machen wir das mit dem Ankersprung nach unten. Wir arbeiten beide und hatten noch keine Zeit dafür. Es wäre einfacher, wenn er die V17 hätte, dann könnte er selber daran arbeiten. So müssen wir immer einen Zeitpunkt finden, der für uns beide passt.

Gruss

Cookie

Czytaj więcej
Posted on the from Cookie G.
Karl B.
Karl B.
User

Hallo Cookie!

Vielen Danken für die schnelle Zwischeninformation und viel Erfolg.

Czytaj więcej
Posted on the from Karl B.
Cookie G.
Cookie G.
User
Autor

Es läuft laughingschreibe heute Abend mal die Anleitung mit dem Script 

Gruß 

Cookie 

Czytaj więcej
Posted on the from Cookie G.
Cookie G.
Cookie G.
User
Autor

Hallo Karl

Hier

Viel Spass

Cookie

Czytaj więcej
Posted on the from Cookie G.
Karl B.
Karl B.
User

Hallo Cookie,

vielen Dank.

Bevor ich hier jedoch das große Chaos anrichte, zwei Fragen.

1 sind das bisherige Script für den "Nach-Oben-Button" und der hierfür vor dem Body-Tag eingefügte Code damit Geschichte?,

2. wird das jetzige Script auch unter 1-Erweitert-Seo und Code vor dem Head-Tag eingefügt?

Czytaj więcej
Posted on the from Karl B.
Cookie G.
Cookie G.
User
Autor

Vor dem /Head . Nichts vor dem Body-Tag!

Meinen ersten Script,  nach der <\style> Zeile alles löschen

  1. <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  2. <style>
  3. /*To top Style*/
  4. #imPageToTop { position: fixed; bottom: 30px; right: 30px; z-index: 5000; display: none; opacity: 0.75 }
  5. #imPageToTop:hover {opacity: 1; cursor: pointer; }
  6. </style>

Den neuen Script einfügen.

Gruß Cookie 

Czytaj więcej
Posted on the from Cookie G.
Karl B.
Karl B.
User

Alles wie beschrieben gemacht, aber funktioniert leider nicht. Schade!

Czytaj więcej
Posted on the from Karl B.
Andreas S.
Andreas S.
Moderator
Najlepszy Użytkownik miesiąca DE

Das ist auch ein individuelles Skript und man muss es anpassen auf die eigenen Anker und Objekte und die Nummern ausbessern, ansonsten funktioniert es nicht.

Czytaj więcej
Posted on the from Andreas S.
Karl B.
Karl B.
User

All das habe ich natürlich gemacht.

Czytaj więcej
Posted on the from Karl B.
Cookie G.
Cookie G.
User
Autor

Dann sollte es aber gehen...

Czytaj więcej
Posted on the from Cookie G.