Scrollbar Alternative

xXx_BaSStar_xXx

Hallo zusammen,

ich möchte bzw. muss einen div container in den ich per include seiten einbinde, nicht mit den normalen scrollbars ausstatten, sondern mit hilfe von diesem script. Es erzeugt aber immer unter dem div platz sodass trotzdem die normalen scrollbars erscheinen. Und als ob das nicht genug wäre kann man bloß immer eine bestimmte pixelangabe im script machen die bestimmt wie lang der inhalt zu scrollen geht. Ich bräuchte also ein schöneres script oder etwas wie: height: auto;

Danke im voraus.

Hier das Script:

Code

function doresize () 
	{location.reload();return false;}
if(document.layers)window.captureEvents(Event.RESIZE); window.onresize=doresize;


var  js10 = (document.images)?false:true; // NN2.x
var  js11 = (document.images) && ((window.screen)?false:true); // NN3.x
var  ie = ((document.all) && (window.offscreenBuffering)) ? true : false; // IE >= 4.x
var  isNS = ((document.captureEvents) && (!document.getElementById)) ? true : false; // NN4.x
var  mz = ((document.getElementById) && (!document.all) && (document.documentElement)) ? true : false; // NN6/MZ
var  op = ((document.getElementById) && (navigator.userAgent.indexOf('Opera') != -1)) ?true : false;
var isMacIE = ( (navigator.userAgent.indexOf("IE 4") > -1) && (navigator.userAgent.indexOf("Mac")  > -1) );


y=0; weiter=0;


function testen() 
{
br=0;
	if (ie)        
	{
	br=2;
	schicht='document.all["';stil='"].style';
	}
	if (isNS)        	
	{
	schicht='document.layers.scrollWindowDiv.document.layers["';stil='"]';
	}
	if (mz)
	{
	schicht='document.getElementById("';stil='").style';
	}
	if(op) 
	{
	schicht='document.getElementById("';stil='").style';
	}
	/* elsewindow.location.href="controlling.html"; // nur NN und IE !!!*/
}


function moveIt(wen,wert) 
{
test=y;  // Hilfsvariable
y+=wert;
if (y < -251 || y > 1) 
	{
	y=test;
	eval(schicht+wen+stil+'.top="'+y+'"');
}
else 
	{
	eval(schicht+wen+stil+'.top="'+y+'"');
	}
}


function scrollen(wert) 
{
moveIt('scrollContentDiv',wert);
a=wert;
if ((weiter)&&(y<10)) setTimeout("scrollen(a)",1);
}


function gone()
{   
if(isNS)
	{   
	document.scrollWindowDiv.document.scrollContentDiv.moveTo(20,0); 
	y=0;
	}   
if(ie)   
	{   
	scrollContentDiv.style.pixelLeft=20;   
	scrollContentDiv.style.pixelTop=0;
	y=0;
	}   
if(mz)
	{   
	document.getElementById("scrollContentDiv").style.left="20px";    
	document.getElementById("scrollContentDiv").style.top="0px";
	y=0;
	}
if(op)
	{   
	scrollContentDiv.style.pixelLeft=20;   
	scrollContentDiv.style.pixelTop=0;
	y=0;
	}
}

Alles anzeigen

CSS

Code

#scrollWindowDiv 
	{
	position:absolute; 
	left:110; 
	top:110; 
	width:515; 
	height:330;
	border:0px;
	clip:rect(0,515,330,0);
	z-index:1;
	}
#scrollContentDiv 
	{
	position:absolute;
	left:30px;
	top:0px;
	width:515;
	z-index:0;
	}

Alles anzeigen

Html

PHP

<div align="center" id="scrollWindowDiv">
				<table>
		  		  <tr>
					<td><div id="scrollContentDiv">
					<?php
                        switch($_GET['action'] )
						{
                        case "start": include("start.html"); break;
						case "sampler": include("sampler.html"); break;
						case "login": include("login.html"); break;
						case "impressum": include("impressum.html"); break;


                        default: include("start.html"); break;
                        }       
					?>
					</div></td>
		  		  </tr>
				</table>
				</div>

Alles anzeigen

Tags