Js fixed DIV height, more than part automatically add scroll bar

We will see that many websites will have an effect. If the content does not exceed the div height, it will be displayed directly. If it is relatively long, there will be a scroll bar effect. Next I will introduce this implementation method to you.

Js Implementation Method

The Code is as follows:	Copy code
Function setheight () { Var div = document. getElementById ("event_basicInfo "); // Div. style. width = "40% "; Div. style. height = 400; Div. style. overflow = "auto "; } Window. onload = setheight;

Css implementation

Settings for Overflow content Overflow

Overflow horizontal and vertical content overflow settings
Settings for overflow-x horizontal content overflow
Settings for overflow-y vertical content overflow

The values of the preceding three attributes are visible, scroll, hidden, and auto.

Automatically display the scroll bar

The Code is as follows:	Copy code
<Div Style = "height: 100px; width: 100px; overflow: auto;"> test </div>