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

hab probiert:

<style>
.stripe img {width: 700px;}
.stripe {
  width: 700px;
  height:255px;
  overflow : scroll;
  }
</style>

aber wie bekomme ich den scrollbalken rechts weg ? geht das, also es scrollt. Geht das auch ohne diesen Scrollbalken rechts am Rand

nun habe ich folgendes probiert:

.flex {

display: flex;

justify-content: center;

align-items: center;

height: 500px;

overflow : scroll;

}

<div class="flex">

<img src="https://zauberfreak.de/europa/europa.jpg" width="100%">

</div>

das Bild wird zwar zentriert und über die Breite ausgerichtet, aber das Bild wird über die gesammte Höhe angezeigt,

ich möchte aber eine Box haben, die Gesammte Breite einnimmt auf Bildschirm und eine Höhe von z.B: 500 px hat und das Bild, welches 10.000 Pixel hoch ist darin scrollbar ist

was mache ich falsch? und wie muss ich es schreiben?

so wird aber das Bild in der Box nicht von ganz oben gezeigt, sondern irgendwie mitten drin.

Also es fängt bei 25 Finnland erst an?

und man kann es auch nicht bis auf die 1 scrollen?

Zitat von basti1012

jetzt verstehe ich auch was du meinst.

Dann brauchst du ja nur das Flex Zeug daraus nehmen wie sempervivum es auch gerade schon gesagt hat dann geht das auch .

Siehe Codepens,

Jenachdem was du vor hast könntest du das Bild auch komplett in der Box anzeigen und beim klicken mit Fanybox öffnen und dann groß anzeigen.

Finde ich schöner als Scrollbare Bilder auf einer Seite

Alles anzeigen

Danke an Sempervivum... jetzt geht es : https://zauberfreak.de/europa/index.html

Basti012: kannst Du mir das mal den Code senden, wie du das meinst bitte