Community Tip - New to the community? Learn how to post a question and get help from PTC and industry experts! X
Hi,
i have a Problem with Property scroll-margin-bottom:100%.
It works fine on Android but not on Ipad.
Any solutions?
Thanks
Vladimir
Hello Vcavic,
It seems a bug in Safari.
More details here :
https://developer.mozilla.org/fr/docs/Web/CSS/scroll-margin-bottom
It seems scroll-snap-margin-bottom is used instead in Safari.
So, I would recommend to create a css style specific to Safari and another one specific to Chrome.
Please have look here to apply a css style only in Safari and in Chrome:
https://www.ryadel.com/en/css3-media-query-target-only-ie-ie6-ie11-firefox-chrome-safari-edge/
Best regards,
Samuel
Hallo Samuel @sdidier ,
Thank you for your response.
Sorry i misspelled! its scroll-PADDING-bottom, not Margin.
But i think its a problem with Vuforia view app(IOS version). Its works fine on android version.
Hello Vcavic,
It is the same with this Property a bug exists about it in Safari :
https://developer.mozilla.org/fr/docs/Web/CSS/scroll-padding-bottom
As Vuforia View is using Safari to render 2D Widgets, bug migth be not in Vuforia View source code itself but in Safari used to display HTML elements.
We can try to report that to R&D to have a confirmation and maybe another solution.
Best regards,
Samuel
Hello @sdidier ,
i made a little test program with checkbox and scroll. There is also a short video with problem
Thank you!
BR
Vladimir
Hello Vladimir,
I have this result in iPad 6th, in iOS 13.6.1, in Vuforia View 8.5.110 (1880).
We don't see the last CheckBox item who should be displayed.
It is needed to click on it to display it.
Best regards,
Samuel
Hello Samuel @sdidier ,
it is also a problem(another). I have already written on this topic.
when scrolled upwards, it is also not visible.
Android VS IOS (both problem)
Video in attachments * sorry for bad quality
BR
Vladimir