1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
6 <meta http-equiv="content-type" content="text/html;charset=utf-8" />
7 <title>Safari Fixed > Overflow > Relative Scroll Bug</title>
8 <style type="text/css" media="screen"><!--
35 border: solid 1px #999; }
39 <script type="text/javascript">
47 <body onload="test()">
48 <h4>Safari Fixed / Overflow Hidden Scroll Bug</h4>
78 border: solid 1px #999; }
86 <p>When you scroll this page the following objects will be clipped:</p>
87 <p>- (relative objects and overflowHidden objects) inside (overflowHidden objects) inside (fixed objects) will be clipped;</p>
88 <p>- (relative objects and overflowHidden objects and absolute objects) inside (fixed/overflowHidden objects) will be clipped;</p>
89 <p>Nice effect, but not what we want. Tested in Safari Version 2.0.4 (419.3), and WebKit Nightly Build Mon Nov 20 5:18:23 GMT 2006.</p>
94 <div class="relative">
96 <div class="absolute">
98 <div class="overflowHidden">
103 <div class="overflowHidden">
105 <div class="relative">
108 <div class="overflowHidden">
110 <div class="overflowHidden">
111 .overflowHidden</div>
114 <div id="fixed2" class="overflowHidden">
115 #fixed2.overflowHidden
118 <div class="relative">
120 <div class="absolute">
122 <div class="overflowHidden">
127 <div class="overflowHidden">
129 <div class="relative">
132 <div class="overflowHidden">
134 <div class="overflowHidden">
135 .overflowHidden</div>
140 <div class="overflowHidden">
144 <div class="relative">
146 <div class="absolute">
148 <div class="overflowHidden">
153 <div class="overflowHidden">
155 <div class="relative">
158 <div class="overflowHidden">
160 <div class="overflowHidden">
161 .overflowHidden</div>