Cordova: Position:sticky invalid property value


#1

On https://myroutes.io/routes the #stickybar and .navbar are stickied to the top of the page. But this exact same page on cordova is marked as an invalid property.

What is a good workaround? The .navbar is stickied at top: 0px; and the #stickyBar at top: 60px;

#stickyBar {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  margin-top: 0px;
  top: 60px;
  z-index: 1000;
}

enter image description here


#2

If they’re always at the top, you can just use position:fixed.


#3

One is 0px from the top, the other is 60px from the top. The hard part is to make an exception, because this is specific to Android Cordova


#4

Most likely, the issue is Android’s web browser rather than Cordova. I would check out Android’s browser and Chrome’s support for that feature. If Chrome supports it, perhaps Crosswalk could help you.


#5

Chrome for android supports position:sticky, and my app is already using Crosswalk. So that is pretty strange…