Recently I've started seeing a lot more people using the scroll function for their textboxes rather than having stories that just keep going down the page.

Making a text box scroll is very simple, add the following code inside the < div > and < /div > tags:

overflow:auto;

This means that the text box will automatically create a scroll bar once the contents of the text box starts to go outside the set width or height. As of yet, I haven't been able to determine how to only activate scroll in one direction using code. I'll show you how to do that in the next tutorial based on text box dimensions.

Another interesting thing you can do, is make a text box that scrolls without a visible scroll bar. To do this, you need to create a text box within a text box:

 

 

You will notice that this text box will now scroll down, but the scroll bar is still visible. To make the bar 'invisible', you need to make the outer box (red), smaller than the box holding your content (black).

The < div > code for this is slightly different than before. The 'red' box will need "overflow:hidden;" while the 'black' box will need "overflow:auto;".

 
As you can see, the text is a bit cut-off on the right hand side, but this can be easily fixed by changing the margins and padding values of the text boxes (I'll cover this at a later date). Obviously, if you are trying to use this function, you would make the backgrounds and border color the same. 

Please note that I have also shifted the inner box to the left in order to have the text show up, this was done using margins.