How to hide pull to refresh behind navbar when open/close expandable card?

For page that contain pull to refresh, when open expandable card, the navbar will be auto-hidden but the ptr-preloader is staying in the background under navbar.

Check here: https://codesandbox.io/s/small-pine-1t01v

Is there is something similar like hideNavbarOnOpen but for pull to refresh when open/close expandable card?

Maybe you can use card events to show and hide ptr.

$on("pageInit", (e, page) => {
     $(".card").on("card:beforeopen", function () {
          $(".ptr-preloader").hide();
     });

     $(".card").on("card:closed", function () {
          $(".ptr-preloader").show();
     });
});
1 Like

Thanks man. It works :+1:

1 Like