SCROLLIN' ALONG...
Phase III - Body = Peep-Hole
Results - Opera 7.5.4
|
410 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 | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Combined
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() ![]() |
![]() ![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
html
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 | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
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 | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Combined
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() ![]() |
![]() ![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
html
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 | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
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 | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Combined
Scroll Test |
Default
Scroll Bars |
V | ![]() ![]() |
![]() ![]() |
![]() |
![]() ![]() |
![]() ![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
html
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 | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
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 | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Combined
Scroll Test |
Default
Scroll Bars |
V | ![]() ![]() |
![]() ![]() |
![]() |
![]() ![]() |
![]() ![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
html
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 | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
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 | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Combined
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 did not reveal anything new , but confirmed some of the observations made in Phase I: body < Peep-Hole and Phase II: 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, and 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).
- Again, 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.
- 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, the results of this set of experiments clearly shows the premature activation of the vertical scrollbar of the body and html elements, as well as the Default Vertical Scrollbar. This is also consistent with the results of the study presented in 100% ≠ 100%!
What is Next?
We would suggest that you proceed to review the results of the same set of experiments for Opera 9.1 - Part 8. www.web-zonez.com/screen/scroll/matrix4/4op9results.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,















