Die Standard-Bildlaufleiste von perfect-scrollbar bleibt erhalten und die „perfect-scrollbar“ funktioniert nicht ⇐ Jquery

[Anonymous]

Ich brauche wirklich Hilfe dabei. Ich möchte die Standard-Bildlaufleiste in meinem Iframe durch die „perfekte Bildlaufleiste“ ersetzen.
Ich habe die perfekte Bildlaufleiste heruntergeladen. Ich habe auch die benötigten Dateien in mein HTML-Dokument eingefügt. Laut Dokumentation habe ich den Stil des Inhaltscontainers in meinem Iframe eingerichtet. Das Ergebnis ist, dass, wenn ich meine Hauptseite lade und den Mauszeiger auf iframe bewege, die „perfekte Bildlaufleiste“ angezeigt wird, die Standard-Bildlaufleiste jedoch erhalten bleibt. Das nächste Problem ist, dass die neue Bildlaufleiste überhaupt nicht funktionsfähig ist. Es beginnt oben im Iframe-Inhalt und endet unten im Iframe-Inhalt, sodass ich nicht damit scrollen kann.

HTML meiner Iframe-Inhaltsseite:

Code: Select all

TITLE



..... // content to be scrolled

CSS:

Code: Select all

#amfCont {
font-family:"Verdana";
text-align:justify;
position:relative;
overflow:hidden;
}

JS (inklusive scroll.js)

Code: Select all

$(document).ready(function() {
"use strict";
$('#amfCont').perfectScrollbar();
});

Kann mir jemand sagen, was ich hier falsch mache?