WebKit Bugzilla
Attachment 370769 Details for
Bug 198292
: [async scrolling] Fixed positioning inside stacking context overflow scroll is jumpy
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Requests
|
Help
|
New Account
|
Log In
Remember
[x]
|
Forgot Password
Login:
[x]
test
fixed-overflow.html (text/html), 990 bytes, created by
Antti Koivisto
on 2019-05-28 11:17:31 PDT
(
hide
)
Description:
test
Filename:
MIME Type:
Creator:
Antti Koivisto
Created:
2019-05-28 11:17:31 PDT
Size:
990 bytes
patch
obsolete
><!DOCTYPE html> ><html> ><head> > <meta name="viewport" content="initial-scale=1.0"> > <style> > .scroller { > margin: 10px; > margin-bottom:1000px; > height: 500px; > width: 500px; > border: 1px solid black; > overflow: scroll; > z-index: 0; > position: relative; > } > > .inner { > width: 300px; > height: 300px; > } > > .box { > position: fixed; > margin-top: 200px; > width: 200px; > height: 200px; > background-color: green; > } > > .spacer { > border: 2px solid blue; > height: 5000px; > } > </style> ></head> ><body> > <div class="spacer"> > <div class="scroller"> > <div class="scroller inner"> > <div class="box"></div> > <div class="spacer"></div> > </div> > </div> > </div> ></body> ></html>
<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0"> <style> .scroller { margin: 10px; margin-bottom:1000px; height: 500px; width: 500px; border: 1px solid black; overflow: scroll; z-index: 0; position: relative; } .inner { width: 300px; height: 300px; } .box { position: fixed; margin-top: 200px; width: 200px; height: 200px; background-color: green; } .spacer { border: 2px solid blue; height: 5000px; } </style> </head> <body> <div class="spacer"> <div class="scroller"> <div class="scroller inner"> <div class="box"></div> <div class="spacer"></div> </div> </div> </div> </body> </html>
View Attachment As Raw
Actions:
View
Attachments on
bug 198292
:
370727
|
370729
|
370734
|
370738
| 370769