Scroll full image inside div

Question

I have this image appended to a div JSFiddle and my Div is inside a modal. I\'v tried to display by default the bottom left quarter (like filling the div) and to allow the user

Answer 1

Try this: (Assumption - You will adjust for your image size and containing div size as required)

html

JS:

var d = $('#myDiv');
d.scrollTop(d.prop("scrollHeight"));

CSS:

.img-wrapper {
    height: 400px;
    background-color: blue;
    position: relative;
    overflow-x:auto;
    overflow-y:auto;
}

.img-wrapper > img {
    display: inline-block;
    position: relative;
    border:1px solid red
}