scrollen funktioniert nicht

Status
Nicht offen für weitere Antworten.

Samonis

Mitglied
Hallo

auf meiner seite im Gästebuch kann bei einigen nicht gescrollt (wheel) werden. Ich habe keine Ahnung woran es liegt, habe alles mögliche versucht.

Bei meinem beiden Pcs funktioniert es mit Firefox und Internetexplorer, habe aber jetz schon vier Quellen bei denen es nicht gehen soll. Opera beachtet das layer überhaupt nicht

http://www.samonis.snagy.net/gaestebuch/guest.php

der Gästebucheintrag wird aus einer Txt File included.

die css daten des Gästebuchlayers sind:

#eintrag-guest
{
position: absolute;
top: 130px;
left: 390px;
width: 270px;
height: 320px;
z-index: 10;
overflow: auto;
}

.eintrag-guest
{
font-family: Verdana;
font-size: 10px;
color: #2A2A2A;
font-weight: normal;
background-color: #FFFBF4;
}

Kann mit jemand helfen?
 
Also wenn Mausradscrollen in einem scrollbaren Div mit dem Firefox bei dir funktioniert, dann meinen herzlichen Glückwunsch. Meines Wissens steht das immer noch auf der Bugs-Liste - nichts zu machen, ich hab mich auch schon oft darüber aufgeregt. :(
 
hmmm danke für die Antwort. Damit kann ich dann wenigstens leben. Aber wie siehts mit dem IE aus? Kannst du da scrollen? und vorallem warum irgnoriert Opera den Layer und zeichnet nach unten einfach die Einträge weiter ohne die height zu beachten?
 
Hallo, ich habe das gleiche Problem - der Bug wurde wohl noch nicht behoben.

Wenn ich aber im div einen <a name="1"></a> setzte und ausserhalb des div's einen Link auf <a href="#1">bla</a> setze, dann kann ich auch im div mit dem Wheel scrollen.

Wenn ich direkt im Browser http://www.domain.de/divscroll.html#1 eingebe, funktioniert es aber leider nicht.

Deswegen suche ich noch ein JavaScript oder ähnliches, dass mir als erstes den Link ausführt.

Oder hat jemand eine andere Idee?


MfG dennis / dkf
 
Hey, ich hab ein Workaround gefunden ;)

PHP:
<body id="top" onload="document.getElementById('scrolling').focus();">

<div id="scrollContent">
     <a href="#" id="scrolling"></a>
     <p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text</p>
</div>

Funktioniert bei mir jetzt super ;)

PS: Die Datei im Anhang sollte so ungefähr den gleichen Inhalt abbilden...
 

Anhänge

Falls es wen interessiert - habe noch ein besseres Workaround gefunden, da das andere Ding nicht mehr scrollt, wenn man einmal irgendwo hin klickt...

PHP:
<html>
<head>
<script type="text/javascript">
function fixScroll() {
    s = document.getElementById('content').scrollTop;
    document.getElementById('dummyscrollanchor').focus()
    document.getElementById('content').scrollTop = s;
}
</script>
</head>

<body>

	<div id="content" onMouseOver="fixScroll()">
	<a id="dummyscrollanchor"></a>
        Hier der lange Text...</div>

</body>
</html>

Dieser Codeschnipsel funktioniert 100%ig.

Bis denne :rolleyes:
 
Status
Nicht offen für weitere Antworten.
Zurück