Fixed Page Scrolling
kaoscify
On iOS, as you scroll on Google's I/O Event page, the height of Safari's address bar does not get reduced. However, if you scroll on ANY other website, Safari's address bar shrinks.
How is this achievable? I've been trying to look through their CSS code. I think they're using Polymer for their site.
Scrolled to the bottom of the page in both screenshots, see the height difference in Safari's address bar.
Lajon
I don't have an iphone at hand to test it but I think this is because they have
<core-draw-panel> set to overflow: hidden;
and child element
<div main> set to overflow-y: scroll;
I think this prevents url bar hiding on scroll.
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: How to improve System.currentTimeMillis() granularity?
- Next: Pathos multiprocessing pipe and queue on windows
Related
Related Related
- 1
Prevent page scrolling to top upon adding fixed position
- 2
Bootstrap 3 Fixed Top Navbar 'Flickering' On Mobile Scrolling using jQuery One-Page Scrolling Effect
- 3
fixed VS absolute positioning for scrolling
- 4
Parts of page are invisible when scrolling on Safari 7 with position:fixed elements
- 5
Fixed block inside scrolling div
- 6
Position fixed acting like position relative ( scrolling with page )
- 7
JQuery Position:Fixed 'NAVBAR' by scrolling the page
- 8
jQuery infinite scrolling scrolling in fixed div
- 9
fixed header jumps after scrolling down the page
- 10
Fixed div inside scrolling div
- 11
Revealing A Div Fixed to Page Top After Scrolling 95 Pixels
- 12
Fixed navigation menu content not scrolling with page horizontally, when zoomed in
- 13
Scrolling to anchor and make nav fixed
- 14
Change fixed header when scrolling
- 15
fixed page, content scrolling behind header
- 16
Javascript object fixed scrolling
- 17
jQuery infinite scrolling scrolling in fixed div
- 18
JQuery Position:Fixed 'NAVBAR' by scrolling the page
- 19
fixed menu that is fixed after scrolling past a div
- 20
How to overlay a fixed header while scrolling page content?
- 21
how to make logo appear in fixed menu when scrolling down page
- 22
Single page, scrolling site with fixed dynamic footer
- 23
Position absolute but with fixed scrolling
- 24
vertical scrolling with fixed body
- 25
Need a CSS solution to stay top left with page scrolling (not position:fixed)
- 26
Fixed side bar is not scrolling with page contents
- 27
Fixed navbar covered by rest of the page when scrolling down
- 28
Fixed positioned element scrolls with page until the scrolling is complete in Firefox mobile
- 29
Fixed Navigation - no scrolling
Comments