1
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
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
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 129161
Url: https://administrator.de/contentid/129161
Printed on: April 25, 2024 at 23:04 o'clock
1 Comment
... also bei mir (Firefox 3.5.x) geht es !?
test.html#anker :
... oder man scrollt per javascript:
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>