macgap scrolling issue when position fixed
denislexic
I just installed MacGap2 to create a mac version of my webapp using a simple iframe but it seems that the CSS property 'position:fixed' creates issues when scrolling, it jumps up and down a little making it completely un-usable. Does anybody know how to fix this?
As you can see in the below screen shot, my headerbar and left menu end up in the middle of the screen when I scroll but then jitters back up when I finish scrolling.
Here's a little tiny video to illustrate: https://www.youtube.com/watch?v=PtyC-3Uqqt8&feature=youtu.be
Here is the CSS code for the left menu
denislexic
After much trying and playing around. And looking at other Macgap apps. It seems the only solution is to get rid of the global scroll bar and create a sub-div with it's own scroll bar.
So you make sure that there is no overflow on your site, and where ever you have content, make that div have a scroll bar and it works!
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
Related
Related Related
- 1
macgap scrolling issue when position fixed
- 2
CSS Fixed position menu - scrolling issue when resizing the browser
- 3
iOS Safari issue - Element becomes invisible while scrolling when changing position absolute to fixed
- 4
Horizontal scrolling not working when position absolute/fixed
- 5
Fixed position element is flashing in Chrome when scrolling
- 6
How to detect scrolling in div when position is fixed
- 7
Chrome only: Overlay divs on scroll with fixed position scrolling issue
- 8
Make a relative position div follow a fixed position div when scrolling
- 9
Position absolute but with fixed scrolling
- 10
Mobile safari position:fixed z-index glitch when scrolling
- 11
Parts of page are invisible when scrolling on Safari 7 with position:fixed elements
- 12
Phonegap (Cordova) Scrolling with a data-position="fixed" header/footer only ios scrolling issue
- 13
Position fixed overlapping issue?
- 14
#sidebar position:fixed at certain scrolling
- 15
Stop jQuery fixed position scrolling when bottom of scrolling element reaches end of parent element
- 16
Stop jQuery fixed position scrolling when bottom of scrolling element reaches end of parent element
- 17
have an issue with position fixed.
- 18
Smooth scroll issue with position:fixed;
- 19
How can I set a div to position:fixed, when scrolling it to the browsers top?
- 20
not able to make div follow when I am scrolling using position as fixed
- 21
Change fixed header when scrolling
- 22
Fixed tbody line when scrolling
- 23
Change fixed header when scrolling
- 24
How to disable background content scrolling in position fixed
- 25
Flex Layout with fixed position (no scrolling) sidebar
- 26
Position fixed sidebar with overflow scroll not scrolling to bottom
- 27
JQuery Position:Fixed 'NAVBAR' by scrolling the page
- 28
Scrolling with a button which should have a fixed position
- 29
Overflow scrolling not working on position fixed element iOS
Comments