✔ Eigenen Scrollbalken

one6666

one6666

Mitglied Titanium
Hallo,

ich habe gerade nach einer Lösung für einen Scrollbalken gesucht, und bin leider nicht fündig geworden:(

Hier im Forum sieht man viele Themen dazu, meistens wird scrollto() und scrollby() gepostet,
so könnte man schon mal in einen iframe mit Buttons Scrollen,
dann fehlt aber noch der Scrollbutton in der Mitte der sich anfassen list und mit gedrückter Taste verschieben list,
das würde ich aber noch hinbekommen :)

Nur das Scrollen über den mittleren Mauszeiger ist mir noch ein Rätsel, button() erkennt zwar das drücken der mittleren Taste aber nicht das drehen :(

Hat jemand eine Idee wie man das drehen des mittleren Mausrad erkennen kann ?
 
Hi,
um mit JQuery einen eigenen Scrollbalken zu realisieren gibts schon ein fertiges Plugin namens JScrollpane.
Läßt sich sehr leicht in die webseite einbinden und ist arbeitet auch mit allen modernen Browsern zusammen.

Viele Grüße
 
Hallo Jan-Frederik Stieler,

danke für deine Antwort ist schon sehr hilfreich,
zeigt sehr schön was ich vor habe,
doch leider kann ich nicht erkennen wie die das mit dem Laufrad geschafft haben :(
Das wäre eigentlich das einzigste was mich interessiert den rest schaff ich dann allein :)
 
Eventhandler iframe zuweisen + Maske erstellen + Allgemeine Fragen

Hallo,

ich komme mit meiner Scrollbar kein Stück weiter :mad: ,
ich sehe jetzt 2 Möglichkeiten einmal mit einen iframe zu arbeiten(so kann ich mir neben onscroll() noch scrollto() und scrollby() zu nutze machen ),
oder mit einen div zu arbeiten.

Den Weg mit dem div wollte ich zuerst gehen, aber ich weiß leider nicht wie ich eine Maske erstellen kann,
so das der übersflüßige Text nicht aus dem div geht, sondern einfach verschwindet, aber auch wie ich dann den Text in der Höhe bewegen kann ist mir noch ein Rätsel :(

  1. 1.Frage
    Wie kann ich mir eine Maske erstellen?
  2. 2.Frage
    Wie kann ich den Inhalt der Maske dann in die Höhe oder Tiefe bewegen?

Da ich da noch keine Antwort drauf gefunden hab, wollte ich den Weg mit dem iframe gehen,
scheint auch ganz easy zu sein, da sich das iframe wie eine Maske verhält, aber leider kann ich dem iframe nicht den Eventhändler onscroll zuweisen,
damit das geht muss ich im iframe dem body TAG den Event Händler zuweisen,
aber dann weis ich nicht wie ich aus dem iframe mein Javascript ansteuern kann :(

  1. Frage 3
    Wie kann ich aus dem iframe bei einer Action des Eventhändler eine normale Javascript function aufrufen ?


Anmerkung:
Ich würde gerne beide Wege einmal gehen, darum sind alle Fragen wichtig !
 
Hi!

one6666 hat gesagt.:
Den Weg mit dem div wollte ich zuerst gehen, aber ich weiß leider nicht wie ich eine Maske erstellen kann,
so das der übersflüßige Text nicht aus dem div geht, sondern einfach verschwindet, aber auch wie ich dann den Text in der Höhe bewegen kann ist mir noch ein Rätsel :(

  1. 1.Frage
    Wie kann ich mir eine Maske erstellen?
  2. 2.Frage
    Wie kann ich den Inhalt der Maske dann in die Höhe oder Tiefe bewegen?
Zum Vergrößern anklicken....
Im Ansatz geht das mit overflow:hidden (für die "Maske") und position:relative (für den Content):
HTML: 
<html>
 <head>
  <title> Test </title>
 </head>
 <body>
  <h1> Test </h1>
  <div style="height:100px;width:300px;overflow:hidden;border:1px solid">
   <p style="position:relative;top:-30px">
    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,style.top
        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.
   </p>
  </div>
 </body>
</html>

one6666 hat gesagt.:
  1. Frage 3
    Wie kann ich aus dem iframe bei einer Action des Eventhändler eine normale Javascript function aufrufen ?
Zum Vergrößern anklicken....
Du kannst aus dem iframe mit window.parent auf das Eltern-Fenster zugreifen - einfach mal den Abschnitt Frames bei SelfHTML anschauen...

Gruß
Enum

[EDIT]
Zu Frage 2: Mit JavaScript kannst Du die style.top Eigenschaft des Content-Containers setzen...
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück