Skip to main content
V
vcavic1-Visitor
1-Visitor
August 31, 2020
Question

scroll-margin-bottom does not work on IOS

  • August 31, 2020
  • 1 reply
  • 5335 views

Hi,

 

i have a Problem with Property scroll-margin-bottom:100%.

It works fine on Android but not on Ipad.

 

Any solutions?

 

Thanks

Vladimir

    1 reply

    S
    sdidier17-Peridot
    17-Peridot
    September 1, 2020

    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/

     

    • Is it helping ?

     

    Best regards,

    Samuel

    V
    vcavic1-VisitorAuthor
    1-Visitor
    September 2, 2020

    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.

     
    BR
    Vladimir
    S
    sdidier17-Peridot
    17-Peridot
    September 2, 2020

    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.

     

    • Do you have a Project to share where the issue is reproducible ?

                 We can try to report that to R&D to have a confirmation and maybe another solution.

     

    Best regards,

    Samuel

    Terms & ConditionsCookie settingsAccessibility statement