Instruction
1
Use the div tag if you want to make a scrollbar for the entire page, but only for a limited area. In HTML (HyperText Markup Language "hypertext markup language", "tags" called some commands to the browser to display a particular page element. In its simplest form a div tag (it is often called "layer") is written as:
the <div>Is the text within the layer</div>
Here the <div> opening tag and </div> - closing. All placed between opening and closing tags, is in a layer in the container, and this container, you can specify the dimensions - width and height. This is done using an additional parameter ("attribute") style, which should add to the opening tag:
<div style="width:300px; height:300px;">
This is the text inside the layer
</div>
the <div>Is the text within the layer</div>
Here the <div> opening tag and </div> - closing. All placed between opening and closing tags, is in a layer in the container, and this container, you can specify the dimensions - width and height. This is done using an additional parameter ("attribute") style, which should add to the opening tag:
<div style="width:300px; height:300px;">
This is the text inside the layer
</div>
2
Specify in the style attribute of the div tag and the rules for scrollbars layers too:
<div style="width:400px; height:200px; overflow:auto;">
This is the text inside the layer
</div>
Here overflow:auto means that scroll bars will appear automatically, that is, when the contents of the layer will not fit in the specified dimensions. If to replace on auto scroll, these bands will always be present, regardless of whether they are needed or not. And the hidden value will have the opposite effect - scroll will never appear even if contents of this container will not be visible beyond its edges.
<div style="width:400px; height:200px; overflow:auto;">
This is the text inside the layer
</div>
Here overflow:auto means that scroll bars will appear automatically, that is, when the contents of the layer will not fit in the specified dimensions. If to replace on auto scroll, these bands will always be present, regardless of whether they are needed or not. And the hidden value will have the opposite effect - scroll will never appear even if contents of this container will not be visible beyond its edges.
3
Use the same method for adding scrollbars to the page as a whole. By default, they appear as necessary, but if for any reason there is a need for their constant presence on the page, in the html source code you should add the corresponding style rule. Look in the page code the closing tag of the header part of the document </head> and before it enter these style instructions:
<style type="text/css">body {overflow:scroll;}</style>
<style type="text/css">body {overflow:scroll;}</style>