Anzeige

scrollbalken in div nur vertikal - wie?

scrollbalken in div nur vertikal - wie? | PSD-Tutorials.de

Erstellt von TRex2003, 21.11.2005.

  1. TRex2003

    TRex2003 Hat es drauf

    Dabei seit:
    15.04.2004
    Beiträge:
    2.582
    Geschlecht:
    männlich
    Software:
    vi :P
    scrollbalken in div nur vertikal - wie?
    kann man bei <div> mit overflow:scroll auch irgendwie den horizontalen scrollbalken abschalten?

    ich hab einen scrollbaren div-layer erstellt mit overflow:scroll, aber ich benötige den scrollbalken nur in der vertikalen.
     
    #1      
  2. juergen_2

    juergen_2 Noch nicht viel geschrieben

    Dabei seit:
    19.08.2005
    Beiträge:
    47
    Geschlecht:
    männlich
    scrollbalken in div nur vertikal - wie?
    das würde mich auch sehr interessieren
     
    #2      
  3. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    scrollbalken in div nur vertikal - wie?


    ja kann man:


    setze nicht overflow: scroll ein sondern:

    overflow-y: auto;
    overflow-x: hidden;


    -y <--- vertical scrollbalken
    -x <--- horizontaler scrollbalken
     
    #3      
  4. TRex2003

    TRex2003 Hat es drauf

    Dabei seit:
    15.04.2004
    Beiträge:
    2.582
    Geschlecht:
    männlich
    Software:
    vi :P
    scrollbalken in div nur vertikal - wie?
    dankeschön :D
     
    #4      
  5. blackout

    blackout Schaf im Wolfspelz

    Dabei seit:
    12.09.2005
    Beiträge:
    3.359
    Geschlecht:
    männlich
    Ort:
    Würzburg
    Kameratyp:
    Rollei 35 S
    scrollbalken in div nur vertikal - wie?
    hmm und wie versteck ich die scrollbalken?
    (sie solln nur nicht mehr sichtbar, aber noch funktionstüchtig sein...)
     
    #5      
  6. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    scrollbalken in div nur vertikal - wie?

    das geht nicht wirklich .... entweder es gibt einen scrollbalken oder nicht .... um ihn zu "verstecken" setzt du css ein (funzt nur bei ie und der neusten operaversion <- hier allerdings nur 1x also body und inhalt können keinen unterschiedlich gefärbeten scrollleisten haben)


    in den headbereich des dokuments (farben natürlich anpassen)

    Code (Text):
    1.  
    2. <style type="text/css">
    3. <!--
    4.  
    5. #inhalt {
    6. scrollbar-base-color:#FF0000;            /* Basisfarbe der Scroll-Leiste */
    7. scrollbar-3dlight-color:#000000;         /* Farbe für 3D-Effekte  */
    8. scrollbar-arrow-color:#FF0000;           /* Farbe für Verschiebepfeile */
    9. scrollbar-darkshadow-color:#000000;      /* Farbe für Schatten  */
    10. scrollbar-face-color:#0000FF;            /* Farbe für Oberfläche  */
    11. scrollbar-highlight-color:#FFFFFF;       /* Farbe für oberen und linken Rand  */
    12. scrollbar-shadow-color:#000000;          /* Farbe für unteren und rechten Rand  */
    13. scrollbar-track-color:#00FF00;           /* Farbe für freibleibenden Verschiebeweg  */
    14. background-color: #A0FF00;
    15.  }
    16.  
    17. //-->
    18. </style>
    19.  



    in den bodybereich:

    Code (Text):
    1.  
    2. <div id="inhalt">
    3. Inhalt
    4. </div>
    5.  
    6.  


    weitere angaben zum inhaltsbereich (weite, höhe, scroll, schrift, farbe hintergrund usw.) sind natürlich per css einzubauen...






    irgendwo gibt es auch ein javascript, das einen scrollbefehl versenden kann .... ich bin nur grad zu faul zu suchen ;-) .... und natürlich gehts auch per flash (wenn man es kann, ich kanns nicht)
     
    #6      
  7. TRex2003

    TRex2003 Hat es drauf

    Dabei seit:
    15.04.2004
    Beiträge:
    2.582
    Geschlecht:
    männlich
    Software:
    vi :P
    scrollbalken in div nur vertikal - wie?
    ich hab ein javascript dafür gefunden ;)

    allerdings funktioniert es nicht im firefox (getestet hab ich es erfolgreich in opera 8 und IE6)

    http://www.z3roadster.net/dreamweaver/

    die autoscrollable dinger ;)
     
    #7      
Seobility SEO Tool
x
×
×