jquery back to-top mit typo3 6.2.10 und dem official Introduction Package

Hallo,



ich bin dabei eine neue Seite zu erstellen. Dabei möchte ich gerne jquery benutzen um damit einen back-top-top-Link einblenden zu lassen. Die eingebundenen Texte auf der Seite sind zum Teil sehr lang, sodaß es zur Vereinfachung der Scrollerei einfach schön wäre. Der back-top-top Link von Typo3 ist einfach nicht ausreichend und stört im Layout. Ich verwende Typo3 6.2.10 mit official Introduction Package.



Nun habe ich eine Seite gefunden, die unterschiedliche Code-Schnippsel anbietet. die dies über jquery ermöglichen. Ich bin mir aber nicht sicher, wie ich den Code in Typo3 einbinden kann, damit er auf jeder Seite verfügbar wird. Ich würde mich sehr freuen, wenn mir da jemand helfen könnte! Vielen Dank!



Verwenden möchte ich diesen hier:

Zitat:

---

1. Include jQuery Library and scrollUp.js

<script type="text/javascript" src="js/lib/jquery-1.8.3.min.js"></script>



<script type="text/javascript" src="js/jquery.scrollUp.min.js"></script>



2. Include Theme CSS

<link id="scrollUpTheme" rel="stylesheet" href="css/themes/pill.css">

<link id="scrollUpTheme" rel="stylesheet" href="css/labs.css">



3. Call the plugin with options

<script>



/* scrollUp Minimum setup */

$(function () {

$.scrollUp();

});



/* scrollUp full options



$(function () {

$.scrollUp({

scrollName: 'scrollUp', // Element ID

topDistance: '300', // Distance from top before showing element (px)

topSpeed: 300, // Speed back to top (ms)

animation: 'fade', // Fade, slide, none

animationInSpeed: 200, // <a href="jQuery Animation Plugins - Page 1 | jQuery Script">Animation</a> in speed (ms)

animationOutSpeed: 200, // Animation out speed (ms)

scrollText: 'Scroll to top', // Text for element

activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'

});

});

*/



</script>

---

jquery back to-top mit typo3 6.2.10 und dem official Introduction Package