Registriere dich hier, um versteckte Bereiche sehen zu können, Highscores zu speichern oder Fragen zu stellen!

[alle Styles] automatisch nach oben scrollen

Adminbereich -> Styles -> [subSilver Styles]
für subSilver2 Styles: 610nm, AcidTech, Vista, bo2Soft, subsilver2, eTech, Serenity, vBoard, xand, zeige weitere

Adminbereich -> Styles -> [prosilver Styles]
für prosilver Styles: BrownChocolate, WoWKing, Eliteblue, Glacier, GreenGrass, RedSunrise, prosilver, zeige weitere
Kostenloses phpbb2 Forum
phpbb2 Forum Hosting
www.phpbb6.de
phpbb9 ist das Support Forum für unsere Hosting Services.Hilfe nur für Foren von Kostenloses-Forum.be, Userboard.org, plusBB, phpbb8.de, phpbb6.de, Gratis-Board.de und Forumo.de.
Du hast dein Forum nicht bei uns? Dann schaue dich um und siehe was du selbst völlig kostenlos machen könntest, gucke dir auch andere interessante Foren aus unserem Netzwerk an!
Du erhältst hier Tipps und Problemlösungen zu deinem Forum bei uns!

phpbb3
phpBB3 Forum Hosting
www.phpbb8.de
AbonnentenAbonnenten: 0
LesezeichenLesezeichen: 1
Zugriffe: 1093

[alle Styles] automatisch nach oben scrollen

Beitrag#1von tups » 26.02.2013 13:20

Hier mal ein Script um die Seite automatisch nach oben zu scrollen

Das Script
[syntax lang="php" lines="f"]<a id="scroll-to-top" href="#" title="Nach oben"></a><style>a#scroll-to-top{background:url(//img.userboard.org/images/scroll-to-top.png) no-repeat center center;width:35px;height:35px;position:fixed;right:30px;bottom:30px;text-indent:-9999px;font-size:0;cursor:pointer;outline:0;}</style>
<script>jQuery(function(e){var t=100;var n=e("a#scroll-to-top");var r=500;n.hide();e(window).scroll(function(){var r=e(document).scrollTop();if(r>t){e(n).stop().fadeTo(300,1)}else{e(n).stop().fadeTo(300,0)}});e(n).click(function(){e("html, body").animate({scrollTop:0},r);return false})});</script>[/syntax]

Anleitung zum einfügen
Fügt das Script am Besten, ganz am Ende, des overall_footer.html eures Style ein.
Es kann aber auch in einzelne Templates, wie viewtopic_body, index_body..., eingefügt werden.


Das Script kann auch noch etwas angepasst werden, z.B. die Scrollgeschwindigkeit, ab wann ein Button zu sehen sein soll (also ab welcher Zeile), einfügen eines eigenen Button, der Mouseovertext

Erklärung, was wofür zuständig ist, um, bei Bedarf, einige Anpassungen vorzunehmen.
title="Nach oben" --- Mouseovertext: hier kann anstelle von Nach oben, auch etwas anderes stehen.
//img.userboard.org/images/scroll-to-top.png --- Angabe des Bildes/Icon:
width:35px;height:35px; --- Größe des Bildes/Icon: Hier muss immer die genaue Größe des Bildes/Icon angegeben werden.
right:30px;bottom:30px; --- Position des Bildes/Icon:
var t=100; --- Wert ab welcher Zeile der Button zu sehen sein soll:
var r=500; --- Scrollgeschwindigkeit: je höher der Wert, desto langsamer scrollt es.

Beispiel: Ansehen könnt ihr das hier
Bild
Benutzeravatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 7019
Registriert: 06.2009
Barvermögen: 100.578,29 Points
Bank: 125.442,55 Points
Danke gegeben: 561
Danke bekommen: 1770x in 1468 Posts
Geschlecht: männlich
Forenstyle: X-Silver

folgende User möchten sich bei tups bedanken:

Zurück zu "Tipps zu den Styles"


 

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

30 px nach oben scrollen

html scroll automatisch top webseiten hoch scrollen button zum nach oben scrollen in webseite automatisch nach oben scrollen webseite nach oben automatisch an der seite scrollt link klicken automatisch nach oben scrollen automatisch nach oben scrollen html seite automatisch nach oben scrollen text automatisch scrollen html url php nach oben scrollen bei klick scrollt es die seite automatisch nach oben