SCROLLIN' ALONG...
Phase III - Body = Peep-Hole
Results - Mozilla 1.7.2
|
410 GROUP
HTML - Overflow: Default |
BODY - Overflow: | ||||||
| Default | Visible | Hidden | Auto | Scroll | |||
|
Vertical
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Horizontal
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Combined
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
420 GROUP
HTML - Overflow: Visible |
BODY - Overflow: | ||||||
| Default | Visible | Hidden | Auto | Scroll | |||
|
Vertical
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Horizontal
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Combined
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
430 GROUP
HTML - Overflow: Hidden |
BODY - Overflow: | ||||||
| Default | Visible | Hidden | Auto | Scroll | |||
|
Vertical
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Horizontal
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Combined
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
440 GROUP
HTML - Overflow: Auto |
BODY - Overflow: | ||||||
| Default | Visible | Hidden | Auto | Scroll | |||
|
Vertical
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Horizontal
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Combined
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
450 GROUP
HTML - Overflow: Scroll |
BODY - Overflow: | ||||||
| Default | Visible | Hidden | Auto | Scroll | |||
|
Vertical
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Horizontal
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Combined
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
Some Observations
The results of this phase of experiments did not reveal anything new , but confirmed the observations made in Phase I: body < Peep-Hole and Phase II: body > Peep-Hole, as follows:
- The default value of 'overflow' property of the html is visible.
- Again, the default value of 'overflow' property of the body is visible.
-
Furthermore, the observation to the fact that the Default scrollbars belong to the html element, but are definitely controlled by setting of the that of the body element was further confirmed.
The scrollability via arrow keys is a illustration of the fundamental flaw in the Default Scrollbar Control scheme of this browser: The Default Scrollbars belong to one element (i.e. html), but are controlled by another (i.e. body). -
Similarly, the same "inconsistent" behavior also observed:
- The auto & scroll values of 'overflow' property of the body element versus the default & visible values of 'overflow' property of the html element failed to activate the scrollbars of the body element.
- The auto & scroll values of 'overflow' property of the body element versus the auto & scroll values of 'overflow' property of the html element did activate the scrollbars of the body element. But the body element did not retain its specified height/width, but rather expanded with the height/width of #test.
- Again, this "inconsistent" behavior is noted without a comment.
What is Next?
We would suggest that you proceed to review the results of the same set of experiments for FireFox 1.5 - Part 5. www.web-zonez.com/screen/scroll/matrix4/4ffresults.html
However, you can jump to any other part of this study, from the Contents of This Topic on the Auxiliary Panel,
- Feed-back & Comments:
- Please send any comments, opinions, and even contributions on this subject, using the Feed-Back Form.
- Further Reading:
- You can review the list of Related Articles, with brief descriptions and links on the Auxiliary Panel,
















