The overflow CSS shorthand property sets the desired behavior for an element's overflow — i.e. when an element's content is too big to fit in its block formatting context. The CSS overflow property comes in four flavours:
auto. In this article we'll show you how to include a scrollable content area without the use of an iframe (using the
overflow property). Below the article you'll find a download link to a WordPress shortcode that'll quickly enable the feature on your website.
The result of our super-simple effort is shown below. shortcode used was
[scrollable]Content in here...[/scrollable]
A number of stylistic and functional attributes apply:
style. If we were to apply internal padding and create a small margin, we'd use the following:
[scrollable style="border: 3px dotted #000000;" padding="20" height="250"]Content in here...[/scrollable].
Copy and paste the WordPress function into your theme's
functions.php file or, if you sensibly have one installed, your custom functions plugin.
You should alter the default values in the download to your liking to avoid using attributes any time the scrollable feature is used.