Expand my Community achievements bar.

SOLVED

Keeping Navigation Bar Visible?

Avatar

Level 1

It seems to be possible to keep the navigation bar hidden with the Gesture API. However, I cannot figure out a consistent way to keep the navigation bar visible.

The following code will ensure that the navigation bar is visible on page load, and page show; however, as soon as the page is dragged in some way, the navigation bar automatically hides and is irretrievable.

$(document).ready(function() {

  adobeDPS.Gesture.disableNavigation([$("body")[0]]);

  adobeDPS.Gesture.toggleNavigationUI();

});

document.addEventListener("visibilitychange", function() {

  if (!document.hidden) {

    adobeDPS.Gesture.toggleNavigationUI();

  }

});

Is there a way to ensure that the navigation bar stays shown?

1 Accepted Solution

Avatar

Correct answer by
Employee

There's no way to force the navigation bar to stay up. It will go away when the reader interacts with the page to ensure the full screen is available for the reading experience.

Neil

View solution in original post

1 Reply

Avatar

Correct answer by
Employee

There's no way to force the navigation bar to stay up. It will go away when the reader interacts with the page to ensure the full screen is available for the reading experience.

Neil