Div mit scroll auto per HTML-Anker scrollen

Hallo,
folgende Situation hat sich ergeben:

In der Seite http://www.brothers-pack.de , die ich erstellt habe, befindet sich eine DIV Box, welche dynamisch, entweder mit einem Bild oder mit einer includierten Seite (php) gefüllt wird.
Wenn eine Seite includiert ist, wird diese in einer Box dargestellt, welche den befehl scroll:auto trägt.
Dies funktioniert auch alles perfekt, jedoch ist mir aufgefallen das ich keine Anker in diesem scrollbaren Feld benutzen kann...
Gibt es eine Ausweichmöglichkeit?
Oder muss ich da auf javascript zurückgreifen? (hab ich keien Ahnung von...)

mfg
Michael1736

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 129161

Url: https://administrator.de/contentid/129161

Ausgedruckt am: 26.11.2024 um 10:11 Uhr

1 Kommentar

... also bei mir (Firefox 3.5.x) geht es !?

test.html#anker :

<html>
    <head>
        <title>scroll</title>
    </head>
    <body>

<div style="overflow: scroll; border: 1px solid #000; margin: 20px auto; width: 400px; height: 300px;">  
<!-- ... -->
Text<br />
<!-- ... -->

<a name="anker" href="#anker">TEXT</a>  

<!-- ... -->
Text<br />
<!-- ... -->
</div>

    </body>
</html>

... oder man scrollt per javascript:

<html>
    <head>
        <title>scroll</title>
        <script type="text/javascript" >  
function $(sId)
{
    return document.getElementById(sId);
}
window.onload = function() {
    $('anker').scrollIntoView();      
}
        </script>
    </head>
    <body>

<div style="overflow: scroll; border: 1px solid #000; margin: 20px auto; width: 400px; height: 300px;">  
<!-- ... -->
Text<br />
<!-- ... -->

<a id="anker" name="anker" href="#anker">TEXT</a>  

<!-- ... -->
Text<br />
<!-- ... -->
</div>

    </body>
</html>