scrollbalken mit jquery-plugin von malihu

kurze · 29.04.2015

Hallo Leute,

ich habe ein tolles Plugin für Scrollbalken gefunden, mit verschiedenen Themes.
Es gibt auch eine Anleitung dafür, diese habe ich auch genau beachtet aber bei mit tut sich nichts.
Kennt ihr dieses Plugin und habt damit Erfahrungen? Es gibt sogar ein Video als Tut, aber bei mir
haut irgend etwas nicht hin!

Link zur Seite: http://manos.malihu.gr/jquery-custom-content-scroller/
Link zum Video:

Es wäre toll wenn Ihr mir weiter helfen könnt.

Liebe Grüße

Myhar · 29.04.2015

Wir brauchen ein konkretes Beispiel warum es bei dir nicht funktioniert. So können wir dir nur sagen, dass du auch wirklich die angeführten Dinge in der von dir verlinkten Dokumentation (auf der Seite) beachten musst.

kurze · 29.04.2015

Gern, kein Problem!
Ich habe eine normal HTML5 Datei erstellt mit Platzhalter-text, die dazugehörigen Scripte befinden sich im selben Ordner wo meine Beispielseite liegt und diese habe ich normal verlinkt CSS und Script.

Code:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" href="jquery.mCustomScrollbar.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="jquery.mCustomScrollbar.concat.min.js"></script>


</head>
<body>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
<script>
        (function($){
            $(window).load(function(){
                $("body").mCustomScrollbar({
                    theme:"minimal"
                });
            });
        })(jQuery);
    </script>
</body>
</html>

kurze · 07.05.2015

Scrollbar von http://manos.malihu.gr/jquery-custom-content-scroller/!

Hallo,

hat es denn keiner mal ausprobiert ob es bei euch klappt diese scrollbar nach Anleitung einzubauen?
Ich würde gern wissen warum es bei mir nicht funktioniert! Würde mich echt freuen wenn ihr mir weiterhelfen könntet.

Liebe Grüße

noltehans · 07.05.2015

Hi kurze,

du hast keinen Bereich (div) definiert auf den das Script wirken soll.
Z.B.

HTML:

<div class="mCustomScrollbar" data-mcs-theme="dark">
  <!-- your content -->
</div>

oder für die ganze Seite:

HTML:

<body class="full-page">

Ein funktionierendes Beispiel ist in dem examples-Ordner.
full_page_demo.html