Switch Button, Scrollen für Anfänger

Hallo Leute,
Ich benötige Mal kurz Hilfe von jemanden der sich damit auskennt, es geht sich um folgendes jetzt in der Winterzeit habe ich mir vor Langeweile einen raspbeery zugelegt ohne zu ahnen was da auf mich zu kommt. Ich lese einige Zählerstände aus und möchte diese dann auf meiner privaten Page anzeigen. Das habe ich soweit auch alleine hinbekommen. Ich benutze von der Website http://metroui.org.ua templat ich habe es soweit auch meinen Bedürfnissen angepasst. Leider bekomme ich aber nicht auf die Reihe einen Switch Button einzufügen um etwas ein und auszuschalten der Button wird mir leider nur als cgeckbox angezeigt ausserdem habe ich keine Ahnung wie man die Funktion aufruft oder was auch immer. Ich bin nicht faul und habe versucht viel darüber zu lesen aber ich bräuchte ein Beispiel . Oder einen Tipp wo das beschrieben ist damit auch ich verstehe wie das geht. Ausserdem ist meine Seite länger als die Display Größe Scrollen über den Balken an der Seite geht nur das Scrollen per Mausrad wie überall üblich funktioniert auch nicht. Ich hoffe einer erbarmt sich mir zu helfen. Vielen Dank vorab

Hallo,
Wie schon erwähnt benutze ich von der Seite http://metroui.org.ua das Start templat, das ist in HTML mit CSS Dateien. Mein Problem ist das ich gerne einen Switchbutton einbauen möchte dieser wird bei mir nur als checkbox angezeigt, woran kann das liegen? Wie kann man den chckstate abfragen.. und der Inhalt meiner Seite ist für den Monitor zu groß ich möchte gerne mit der Maus Scrollen können und nicht nur über die scrollleiste am Rand

Hi,
Danke das hat mir geholfen, habe noch eine frage wie kann ich nun beim laden der webside Checkstate setzen sprich den switch status An oder aus?

<label class="switch-original" style="text-align:right">
                   <input id="boxsteck" type="checkbox" class="switch-input" onclick="chkSteckdose()">
                   <span class="check"></span>/span>
                   </label></>

möchte gerne angeben ob checked ist oder unchecked beim laden der Seite

Hätte da noch eine kleine frage wenn ich jetzt den Switch auf false setzte wird die gewünschte funktion ausgeführt leider aber auch die Seite im Browser geöffnet gib es eine möglichkeit das die seite die informationen bekommt ohne angezeigt zu werden die Seite habe ich übrigens includiert

function chkSteckdose()
{
            var x = document.getElementById("boxsteck").checked;
            if (x == true) {


            }
            else
                {
               <a href="/Metro.php?ain=087610291750&switchcmd=setswitchon">on</a>             
}