moses_78
Aktives Mitglied
Thread Starter
- Dabei seit
- 08.04.2005
- Beiträge
- 1.288
- Reaktionspunkte
- 22
n'abend,
für ein widget möchte ich den inhalt eines div-containers scrollen.
das soll so laufen, dass der absolute positionierte div-container
verschoben wird, der anzeigebereich mit clip aber so beschnitten
wird, dass ein realistischer scrolleffekt entsteht.
hier der quelli:
das script ist in der form aufs minimum reduziert, und es funktioniert
einigermaßen, der div-container wird einwandfrei nach oben verschoben,
nur der untere bereich, welcher den weiteren inhalt anzeigen soll, wird nicht angezeigt.
ich sitze jetzt seit einigen tagen daran, bekomme es aber einfach nicht
hin. danke im vorraus für eure hilfe und eine schöne weihnachtszeit,
moses
edit: dreck, ich sehe grade, falsches forum. will mich vielleicht jemand nach "internet-programmierung" schieben??
für ein widget möchte ich den inhalt eines div-containers scrollen.
das soll so laufen, dass der absolute positionierte div-container
verschoben wird, der anzeigebereich mit clip aber so beschnitten
wird, dass ein realistischer scrolleffekt entsteht.
hier der quelli:
HTML:
<html>
<head>
<script type="text/javascript">
var quote_div_position = 28;
var scroll_counter = 0;
var overflow = true;
function scroll(richtung)
{
var quote_div;
if(richtung == "unten" && overflow)
{
scroll_counter++;
quote_div_position -= 20;
quote_div = document.getElementById('quote');
quote_div.style.top = quote_div_position+"px";
quote_div.style.clip = "rect("+(scroll_counter*20)+"px, 267px, "+((scroll_counter*20)+72)+"px, 0px)";
//alert("rect("+(scroll_counter*20)+"px, 267px, "+((scroll_counter*20)+72)+"px, 0px)");
}
}
</script>
<style>
#quote
{
position:absolute;
top:28px;
left:30px;
width:267px;
height:72px;
background-color:red;
overflow:/*auto*/hidden;
}
</style>
</head>
<body>
<div id='quote'>jfhgdjhfgjdhfjghdj<br />jfhgdjhfgjdhfjghdj<br />jfhgdjhfgjdhfjghdj<br />
jfhgdjhfgjdhfjghdj<br />jfhgdjhfgjdhfjghdj<br />jfhgdjhfgjdhfjghdj<br />jfhgdjhfgjdhfjghdj<br />
jfhgdjhfgjdhfjghdj<br />jfhgdjhfgjdhfjghdj<br />jfhgdjhfgjdhfjghdj<br />jfhgdjhfgjdhfjghdj<br />
jfhgdjhfgjdhfjghdj<br />jfhgdjhfgjdhfjghdj<br />jfhgdjhfgjdhfjghdj<br />
jfhgdjhfgjdhfjghdj<br />jfhgdjhfgjdhfjghdj<br />jfhgdjhfgjdhfjghdj<br />
jfhgdjhfgjdhfjghdj<br />jfhgdjhfgjdhfjghdj<br />
</div>
<div style="position:absolute;top:120px;">
<a href="javascript:scroll('oben');">oben</a><br />
<a href="javascript:scroll('unten');">unten</a>
</div>
</body>
</html>
das script ist in der form aufs minimum reduziert, und es funktioniert
einigermaßen, der div-container wird einwandfrei nach oben verschoben,
nur der untere bereich, welcher den weiteren inhalt anzeigen soll, wird nicht angezeigt.
ich sitze jetzt seit einigen tagen daran, bekomme es aber einfach nicht
hin. danke im vorraus für eure hilfe und eine schöne weihnachtszeit,
moses
edit: dreck, ich sehe grade, falsches forum. will mich vielleicht jemand nach "internet-programmierung" schieben??
Zuletzt bearbeitet: