last day (15 days later) » 

14:31
4
Q: Element not showing with position bottom 0 when appear Smart App Banner

Mo.Unfortunately the bottom: 0 doesn't show the element because Smart App Banner of the Apple Store app taking top space out of <body> Is there any solution to fix it or to detect Smart App Banner open or not to add CSS solution with adding more unit like bottom: 0 to bottom: 3rem

Mo.
Mo.
@Pete it is in position:fixed
@Pete I felt the same 😊
hey @Mo. did you get a solution for this, where the content with position fixed is not pushed down, because of smart app banner?
Mo.
Mo.
@whyAto8 position: absolute is the only solution otherwise you may not able to use properly because iOS did this feature with purpose :-( nicolas-hoizey.com/articles/2015/02/18/…
@Mo. in that case how do you make your button or an element sticky, so that it always remains at bottom, even if user scrolls.
Mo.
Mo.
@whyAto8 dropped the plan :-(
14:31
@Mo. oh, thats bad. So, is that like really a genuine issue in safari, that if the app banner shows, everything will be pushed down, no matter what and there is no workaround for this? I am wondering, if a lot of people wouldn't have encountered this.
Mo.
Mo.
@whyAto8 The basic to drop the plan was user needs to click twice for the click function. To show button it may work with transform: translateY(100%);
@Mo. Sorry, i didnt get that. Are you saying adding that transform will make the button visible again, even if the app banner is coming on the top and page content is pushed down below.
Mo.
Mo.
@whyAto8 It is possible to make visible but a small bottom may not be clickable at the first time. User needs to double tap for that. Hope you get me :-)
Hello Mo
Well, i didnt get that exactly
You would only need to add that css when the banner is showing. But how do you make a check when that is visible, i.e. banner
Mo.
Mo.
It is possible to show button at the bottom of the screen
you need to click two times to work the button
15:32
But how do you check that the app banner is showing up. I guess, you only need to move that button using transform when app banner is showing ,right?

last day (15 days later) »