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
FollowersFollowers: 0
BookmarksBookmarks: 1
Views: 1021

[alle Styles] automatisch nach oben scrollen

Post#1by tups » 26.02.2013 13:20

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

Das Script
Syntax: [ Raw ] [ Download ] [ Verstecken ]
php Code
  1. <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>
  2. <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>


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
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male

The following user would like to thank tups for this post

Return to "Tipps zu den Styles"


 

Who is online

Users browsing this forum: No registered users and 1 guest

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