Transparante scrollbars

[Verwijderd]

Weet iemand toevallig of het mogelijk is om mbv stylesheets je scrollbars transparant te maken. Leuke kleurtjes is geen probleem, maar kan ik vb de track van de scrollbar doorzichtig maken ? En zo ja hoe ?

[Dennis]

En wat heeft het dan voor zin? De achtergrond houdt op links van de scrollbar.

[paQ]

Op maandag 26 november 2001 19:12 schreef Fizzer_Exup het volgende:
Weet iemand toevallig of het mogelijk is om mbv stylesheets je scrollbars transparant te maken. Leuke kleurtjes is geen probleem, maar kan ik vb de track van de scrollbar doorzichtig maken ? En zo ja hoe ?

Het kan alleen (volgens mij) met Dhtml...
Kijk even naar bijv. de sites van VanDaal op sitechecks.nl
die maakt er ook gebruik van...
transparante scrollbar

[Verwijderd]

dank je paq, maar dit had ik al gezien op de site van IIyama, die maken gebruik van dezelfde javascript. Het probleem is dat ik een scrollbar in een frame wil hebben en dat in dit voorbeeld gebruik wordt gemaakt van een <DIV>. Maar als het niet met CSS mogelijk is dan ga ik dit maar eens proberen na te maken. Nogmaals bedankt !

[Hangloozz]

misschien dat Clay je verder kan helpen.
'onze' dHTML-God heeft al diverse truuks uitgehaald met scrollbars

[paQ]

Op maandag 26 november 2001 21:46 schreef Fizzer_Exup het volgende:
dank je paq, maar dit had ik al gezien op de site van IIyama, die maken gebruik van dezelfde javascript. Het probleem is dat ik een scrollbar in een frame wil hebben en dat in dit voorbeeld gebruik wordt gemaakt van een <DIV>. Maar als het niet met CSS mogelijk is dan ga ik dit maar eens proberen na te maken. Nogmaals bedankt !

Is dat dan niet voor elkaar te boxen?
De inhoud van een frame is toch ook gewoon een pagina....
of is dat veelste kort door de bocht....
- heb er al weer wat uurtjes PC-en opzitten-

[Clay]

Je zal idd een dhtml scrollbar moeten gebruiken, en dan is het verder vrij simpel. Ik gok zo dat alle scrollbar scripts bestaan uit een aantal layers die genest zitten in 1 layer om de bar bij elkaar te houden. met die layer moet je style.filter = 'alpha(opacity=30)'; doen (of een andere waarde) met een check dat dit alleen in IE gebeurt, en je hebt een transparante scrollbar, omdat alle geneste layers van de scrollbar de opacity erven.

in mijn oude scrollbar script hoef je zo bijvoorbeeld alleen maar als laatste regel in de initScroller() functie dit toe te voegen:

if(ie4) scrollyr.style.filter = 'alpha(opacity=30)'

in de nieuwe zal ik het standaard inbouwen is wel een leuke extra feature!

[Verwijderd]

Op dinsdag 27 november 2001 09:46 schreef Clay het volgende:


in mijn oude scrollbar script hoef je zo bijvoorbeeld alleen maar als laatste regel in de initScroller() functie dit toe te voegen:

if(ie4) scrollyr.style.filter = 'alpha(opacity=30)'

in de nieuwe zal ik het standaard inbouwen is wel een leuke extra feature!

en om het ook aan de praat te krijgen in Mozilla

if((ie4) scrollyr.style.filter = 'alpha(opacity=30)'||(gecko) scrollyr.style.filter = '-moz-opacity: 0.3'))

[XangadiX]

code:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
    <!--

    barWidth  = 15;
    barHeight = 350;
    barXstart = 640;
    barXfromRight = false;
    barYstart = 152;
    scrollerHeight = 45;
    layerToScroll = "main";
    arrowSpeed = 5;
    clickStepSize = 40;
    extraSpace = 20;

    upSRC     = "/gfx/wijn_arrow_up.gif";
    downSRC   = "/gfx/wijn_arrow_down.gif";
    scrollSRC = "/gfx/wijn_scroller.gif";

    snapToLayer = "mainFrame";
    autoSnap = false;
    snapFullScreen = false;
    disableIEscroll = true;
    autoDisable = true;
    onDisable = "hide";

    arrowControl = true;
    arrowGrouping = false;
    arrowMouseOver = false;

    sizeToContent = false;
    maxScrollerSize = 150;

    //-->
    </SCRIPT>

wel een lekker stukje code
imho