0

When i scroll down, navigation(url bar) on the phone is automatically hidden. While when we scroll up, the url bar shows up.

I want that my url bar should still remain hidden even on scrolling up.

Can this be done ? I have read many blogs and it was mentioned, its not possible using jquery ?

Pleas help

Jamie Barker
  • 8,145
  • 3
  • 29
  • 64
Shalini Honey Singh
  • 31
  • 3

1 Answers1

0

This is functionality within the browser application and you can't override it.

There is possible way this might be achieved though, and that is to put the website into full screen mode. The user does have to instigate this themselves though through the website GUI.

See this post if you want to know how it can be achieved: Set window to fullscreen (REAL fullscreen; F11 functionality) by javascript

Community
  • 1
  • 1
Jamie Barker
  • 8,145
  • 3
  • 29
  • 64
  • This functions works good with click... but on scroll this wont work. – Shalini Honey Singh Nov 13 '14 at 13:11
  • $(function(){ var CurrentScroll = 0; $(window).scroll(function(event) { toggleFullScreen(document.body); //not working }); }); – Shalini Honey Singh Nov 13 '14 at 17:28
  • 1
    @JamieBarker interesting answer but i guess you show some demo here – chicharito Nov 13 '14 at 19:17
  • Security functions in the browsers force it so the user must invoke it themselves willingly. a 'click' function will make it work: e.g. `$('body').click(function() { toggleFullScreen(document.body); });`. As I said in my answer: _"The user does have to instigate this themselves though through the website GUI."_ – Jamie Barker Nov 14 '14 at 09:41
  • @JamieBarker so its impossible to hide url while using scroll – Shalini Honey Singh Nov 15 '14 at 19:19
  • Well you can make it full screen, and then you can scroll the website to your hearts content without it happening. But no you are correct, it will not work in the exact way in which you would like it to work, but its the best you will get. – Jamie Barker Nov 15 '14 at 23:30