basti1012.bplaced.net

Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
    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.

    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>