Tiger: Custom Scrollleiste ohne IE Bildlaufleiste

SELF-Forum

Custom Scrollleiste ohne IE Bildlaufleiste

Tiger Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo zusammen,

ich habe mir bei www.dynamicdrive.com eine sog. 'custom scrollbar' gesaugt, ein kleines Script, was praktisch die Funktion der browserintegrierten Scrollleiste ersetzt. Das Ding funktioniert - so weit so gut.

Ist es möglich die Browserintegrierte Scrollleiste auszublenden oder zu entfernen so das nur die 2 Pfeile da sind aber der inhalt der Seite soll noch Scrollbar sein?

Und hier ist der Quelltext des Scripts

Vielen Dank im Voraus,

MFG Tiger

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Custom Scrollleiste ohne IE Bildlaufleiste

    Tiger Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo zusammen,

    ich habe mir bei www.dynamicdrive.com eine sog. 'custom scrollbar' gesaugt, ein kleines Script, was praktisch die Funktion der browserintegrierten Scrollleiste ersetzt. Das Ding funktioniert - so weit so gut.

    Ist es möglich die Browserintegrierte Scrollleiste auszublenden oder zu entfernen so das nur die 2 Pfeile da sind aber der inhalt der Seite soll noch Scrollbar sein?

    Und hier ist der Quelltext des Scripts

    Vielen Dank im Voraus,

    MFG Tiger

    Ja ich bins nochmal habe ja glatt vergessen den Quelltext des Scripts einzufügen, sorry

    <div id="staticbuttons" style="width:200px; height:200px; position:absolute; left:50px; top:50px; z-index:1;">
    <a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0"><img
    src="arrows_up.gif" border="0"></a><br>
    <a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0"><img
    src="arrows_dn.gif" border="0"></a>
    </div>

    <script>

    //Page Scroller (aka custom scrollbar)- By Dynamic Drive
    //For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
    //This credit MUST stay intact for use

    var Hoffset=70 //Enter buttons' offset from right edge of window (adjust depending on images width)
    var Voffset=80 //Enter buttons' offset from bottom edge of window (adjust depending on images height)
    var thespeed=3 //Enter scroll speed in integer (Advised: 1-3)

    var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
    var myspeed=0

    var ieHoffset_extra=document.all? 15 : 0
    var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons

    function iecompattest(){
    return (document.compatMode!="BackCompat")? document.documentElement : document.body
    }

    function positionit(){
    var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset
    var dsoctop=document.all? iecompattest().scrollTop : pageYOffset
    var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
    var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight

    if (document.all||document.getElementById){
    cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"
    cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"
    }
    else if (document.layers){
    cross_obj.left=dsocleft+window_width-Hoffset
    cross_obj.top=dsoctop+window_height-Voffset
    }
    }

    function scrollwindow(){
    window.scrollBy(0,myspeed)
    }

    function initializeIT(){
    positionit()
    if (myspeed!=0){
    scrollwindow()
    }
    }

    if (document.all||document.getElementById||document.layers)
    setInterval("initializeIT()",20)

    </script>

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Custom Scrollleiste ohne IE Bildlaufleiste

    Thomas J.S.
    – Informationen zu den Bewertungsregeln

    Hallo,

    Ist es möglich die Browserintegrierte Scrollleiste auszublenden oder zu entfernen so das nur die 2 Pfeile da sind aber der inhalt der Seite soll noch Scrollbar sein?

    <body style="overflow:hidden;">

    Aber du tust damit _keinem_ Menschen ein Gefallen. Der Script funktioniert so toll nämlich auch wieder nicht.

    Grüße
    Thomas

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Custom Scrollleiste ohne IE Bildlaufleiste

      Tiger Homepage des Autors
      – Informationen zu den Bewertungsregeln

      <body style="overflow:hidden;">

      Aber du tust damit _keinem_ Menschen ein Gefallen. Der Script funktioniert so toll nämlich auch wieder nicht.

      Grüße
      Thomas

      Hi Thomas,

      Hat sich schon erledigt, ich habe die Farbe von der Scrollleiste geändert. Was mich jetzt noch Stört, ist das die Pfeil Bilder beim scrollen sich bewegen (warkeln) wenn man auf den Pfeilen ist. Könnte man den Layer mit den Pfeilen Fixiern so das sie sich nicht mehr bewegen?

      MFG Tiger

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Custom Scrollleiste ohne IE Bildlaufleiste

        Thomas J.S.
        – Informationen zu den Bewertungsregeln

        Hallo,

        Was mich jetzt noch Stört, ist das die Pfeil Bilder beim scrollen sich bewegen (warkeln) wenn man auf den Pfeilen ist. Könnte man den Layer mit den Pfeilen Fixiern so das sie sich nicht mehr bewegen?

        Das weiss ich nicht, das Rucksln kommt ja, weil das <div> mit den Pfeilen ja auch immer nachgesrollt werden muss.
        Eine andere Möglichkeit wäre, wenn du solche Scrollbars in einem eigenen Layer definiert, und sie dort einfach fixierst, dann in einem anderne (inneren) Layer den Inhalt hast, so dass dann wirklich nur der inhalt des anderen Layers scollt, aber nicht die Pfeile.
        Solche Scripte gibts auch im Internet.

        Grüße
        Thomas

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln