Langes Bild in Box scrollen
Ich möchte auf einer Website in einer Box (DIV) ein ganz langes Bild scrollen.
z. B. wenn das Bild eine Höhe von 5000 px hat und eine Breite von 700 px
nun möchte ich eine Box auf der Website haben (z. B. 700 breit und 500 hoch) WORIN dieses Bild man von oben bis zum Ende "scrollen" kann
und der Rest der Seite soll aber nicht mit scrollen.
Hoffe ich habe es verständlich geschrieben, was ich meine
Geht das und wenn ja, wäre lieb, wenn ihr mir da helfen könnt, wie ich das „bauen“ muss.
Der hier verwendete Code
<style>
.flex{
height: 500px;
overflow:auto;
}
.flex::-webkit-scrollbar {
overflow:auto;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.flex img{
width:100%;
}
</style>
<div class="flex">
<img src="/image/europa.jpg">
</div>