SCROLLIN' ALONG...
Phase II - Body > Peep-Hole
Results - Opera 7.5.4
|
310 GROUP
HTML - Overflow: Default |
BODY - Overflow: | ||||||
| Default | Visible | Hidden | Auto | Scroll | |||
|
Vertical
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() ![]() |
![]() ![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
html
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Horizontal
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() ![]() |
![]() ![]() |
||
|
html
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() ![]() |
![]() ![]() |
||
|
320 GROUP
HTML - Overflow: Visible |
BODY - Overflow: | ||||||
| Default | Visible | Hidden | Auto | Scroll | |||
|
Vertical
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() ![]() |
![]() ![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
html
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Horizontal
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() ![]() |
![]() ![]() |
||
|
html
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() ![]() |
![]() ![]() |
||
|
330 GROUP
HTML - Overflow: Hidden |
BODY - Overflow: | ||||||
| Default | Visible | Hidden | Auto | Scroll | |||
|
Vertical
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
html
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Horizontal
Scroll Test |
Default
Scroll Bars |
V | ![]() ![]() |
![]() ![]() |
![]() |
![]() ![]() |
![]() ![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
html
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
340 GROUP
HTML - Overflow: Auto |
BODY - Overflow: | ||||||
| Default | Visible | Hidden | Auto | Scroll | |||
|
Vertical
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
html
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() ![]() |
![]() ![]() |
![]() ![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Horizontal
Scroll Test |
Default
Scroll Bars |
V | ![]() ![]() |
![]() ![]() |
![]() |
![]() ![]() |
![]() ![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
html
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() ![]() |
![]() ![]() |
![]() ![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() ![]() |
![]() |
||
|
350 GROUP
HTML - Overflow: Scroll |
BODY - Overflow: | ||||||
| Default | Visible | Hidden | Auto | Scroll | |||
|
Vertical
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
html
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() ![]() |
![]() ![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Horizontal
Scroll Test |
Default
Scroll Bars |
V | ![]() ![]() |
![]() ![]() |
![]() |
![]() ![]() |
![]() ![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
html
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() ![]() |
![]() ![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() ![]() |
![]() ![]() |
||
Some Observations:
The results of this phase of experiments confirmed some of the observations made in Phase I: body < Peep-Hole, as follows:
- The existence of a hidden element over and above the html element in hierarchy, which we termed as the Phantom of Opera, which does have its own Vertical Scrollbar (which is the Default Vertical Scrollbar of Opera). But it does not have a Horizontal Scrollbar. but a space at the bottom, instead (The Bottom Band Syndrom).
- Unfortunately, the result of this set of experiments did not shed much light on the question of "Which element the Default Horizontal scrollbar belongs to?" Therefore, this question still remains unanswered conclusively. On the other hand, another question pops into mind: "Another monster (i.e. "element"), hiding in the rafters of the crumbling house of Opera, that we have not discovered yet?....
- The default value of 'overflow' property of the html element is visible.
- Similarly, the default value of 'overflow' property of the body element is visible.
- For the default and visible values of the 'overflow' property of the body element, #test extended vertically/horizontally (up the limits of Peep-Hole) beyond the body element, which retained its specified height/weight; for the other settings, #test was contained within the limits of the body element.
On the other hand, "funny" things starts to happen when the overflow property of the body element is set to a value other than default or visible.
- For the scroll values of the 'overflow' property of the body element versus the default & visible values of that of the html element, the results show that the Vertical Scrollbar of the body element is appearently "absent".
- But, another, and more plausible, explanation for this observation would be that the Vertical Scrollbar of the body element is actually present, but the Default Vertical Scrollbar is superimposed on it.
- This latter explanation is also consistent with the results of the study presented in 100% ≠ 100%!
However, a total chaos starts when the 'overflow' property of the html is set to auto or scroll.
Then the body element:
- Is allowed to expand vertically beyond height of the Peep-Hole, and the its Vertical Scrollbar will function.
- Is not allowed to expand horizontally beyond width of the Peep-Hole, and the its Horizontal Scrollbar will not function, even if it is forced, by setting its "overflow" property to scroll. Consequently, the horizontal "excess" will be rendered invisible (i.e. "clipped").
What is Next?
We would suggest that you proceed to review the results of the same set of experiments for Opera 9.1 - Part 7. www.web-zonez.com/screen/scroll/matrix3/3op9results.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,



















