From bd02d860f41c30d85abc0b6d226e5f2df2b6461c Mon Sep 17 00:00:00 2001 From: Ben Nadel Date: Sun, 23 Jun 2019 06:08:26 -0400 Subject: [PATCH] Add css overflow demo. --- README.md | 1 + demos/css-overflow-auto/index.htm | 91 +++++++++++++++++++++++++++++++ 2 files changed, 92 insertions(+) create mode 100644 demos/css-overflow-auto/index.htm diff --git a/README.md b/README.md index 0e4710e01..89e3f0d03 100644 --- a/README.md +++ b/README.md @@ -10,6 +10,7 @@ with. ## My JavaScript Demos - I Love JavaScript! +* [Use CSS Overflow "Auto" - Not Overflow "Scroll" - When Clipping Most Fixed-Size Containers](https://bennadel.github.io/JavaScript-Demos/demos/css-overflow-auto/) * [Hello World With The CLI, AoT, Lazy Loading Routes, Differential Loading, And Ivy In Angular 8.1.0-beta.2](https://bennadel.github.io/JavaScript-Demos/demos/webpack4-angular8-cli/dist/) * [Accessibility And Styled Anchor Links vs. Styled Buttons In Angular 7.2.15](https://bennadel.github.io/JavaScript-Demos/demos/link-vs-button-accessibility-angular7/) * [Giving (click) Anchor Links Tab-Access Using A Directive In Angular 7.2.15](https://bennadel.github.io/JavaScript-Demos/demos/tabbable-anchor-angular7/) diff --git a/demos/css-overflow-auto/index.htm b/demos/css-overflow-auto/index.htm new file mode 100644 index 000000000..fdad8603c --- /dev/null +++ b/demos/css-overflow-auto/index.htm @@ -0,0 +1,91 @@ + + + + + + + Use CSS Overflow "Auto" - Not Overflow "Scroll" - When Clipping Most Fixed-Size Containers + + + + +

+ Use CSS Overflow "Auto" - Not Overflow "Scroll" - When Clipping Most Fixed-Size Containers +

+ +

+ Using Overflow: Scroll +

+ +
+
+

+ +

+
+
+

+ +

+
+
+ +

+ Using Overflow: Auto +

+ +
+
+

+ +

+
+
+

+ +

+
+
+ + + + +