Question

I am doing image cropping in my webpage.My problem is that when i crop a large image which is larger than the container holding the image,scroll bar is not automatically coming.So i am unable to crop the large image whose remaining part is under the container which is not visible to the user.So is there any way to create automatic scroll bar.thanks in advance.

Answer 1

You want to use the css overflow property

<div style='overflow:auto;width:300px;height:300px;'>
    <img src='image.png' width='1000' height='1000' />
</div>

Which will load an image 1000×1000 pixels, but a scrollable area of just 300 x 300 pixels.

Other possible values of overflow are: visible, hidden, scroll, auto, inherit

http://www.w3schools.com/cssref/pr_pos_overflow.asp