Скрыть панель инструментов в мобильном браузере

Question

Я работаю над своим адаптивным веб-сайтом и пытаюсь скрыть адресную строку и панель инструментов мобильных браузеров. На этой картинке вы можете видеть, какую зону я пытаюсь скрыть (красная метка)

Итак, как я видел, когда я прокручиваю на своем мобильном телефоне, это автоматически исчезает.

Я пытаюсь сделать, как только документ будет готов к автоматической прокрутке. Примерно так:

$('html, body').animate({
        scrollTop: $("#id").offset().top
    }, 2000);

Этот элемент находится практически внизу веб-сайта, но все еще не скрывает панель инструментов веб-браузера.

Есть ли способ это скрыть?

РЕДАКТИРОВАТЬ: Я должен уточнить, что это не на моем сайте, я пытаюсь скрыть нижний колонтитул практически всех браузеров, я знаю, что это невозможно, потому что на стороне клиента, но я пытаюсь сделать "трюк", чтобы скрыть это. Я знаю, что когда я пользуюсь своим мобильным телефоном, я открываю сафари и открываю новую страницу, чтобы открыть новую вкладку или закрыть ее и т. Д. Но когда я прокручиваю вниз веб-сайт, он исчезает, поэтому я пытаюсь сделать. Создайте автоматическую прокрутку вниз, чтобы она исчезла ... Но на самом деле это не работает

Answer 1

Единственный способ решить эту проблему - использовать полноэкранный API, как описано здесь .

Например:

// Covering all browsers that support this
var docEl = document.documentElement;
var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;

// Execute the variable on initalization
requestFullScreen.call(docEl);

Answer 2

используйте Jquery, чтобы добавить CSS и отобразить его как none

if(condition that you want){
$(.'your-menu').css({'display':'none'});
}