Ich arbeite mich gerade in Django ein und habe ein Template. Ich möchte nun die Scrollbar beim Laden der Seite in eine bestimmte Position bringen. Dafür habe ich ein Skript geschrieben (siehe Code). Mit document.body.scrollTop=400; möchte ich die Scrollbar am anfang setzen. Das funktioniert aber nicht, denn die Scrollbar ist immer in "default"-Position, wenn die Seite geladen wird. Aus den Dokus, die ich las, geht aber hervor, dass das so gehen sollte. Was mache ich falsch?
Code:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color:black;
}
p {
color:white;
font-size:50px;
}
.imag {
z-index:-100;
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
}
.main {
background-color:black;
height:3000px;
}
</style>
</head>
<body>
<script>
window.onload = (event) => {
document.body.scrollTop=400;
};
</script>
<div class="imag">
{% load static %}
<img src="{% static 'static/c.jpg' %}" width="100%" height="650px"></img>
</div>
<div class="main"><p style="color:red;margin-top:0px">ccccc</p></div>
</div>
</body>
</html>
Kommentar