Я создаю мобильное веб-приложение с помощью jQuery Mobile и хочу скрыть панель поиска над видимой областью. Таким образом, пользователь должен будет потянуть страницу вниз, чтобы увидеть панель поиска. Я'Я думаю, что лучший способ сделать это - определить панель поиска как обычно, а затем при загрузке страницы вручную установить положение прокрутки, скажем, вниз на 55 пикселей. Вот'мой код:

$(document).ready( function() {
    $("html,body").scrollTop(55);
}

Проблема в том, что при обновлении страницы я вижу, что она скрыта от просмотра, но как только она полностью загрузилась, она сразу же возвращается наверх. JQuery Mobile является виновником, так как он неэто происходит с этим простымJS Fiddle.

Как я могу остановить JQM от переопределения моего набора scrollTop, или мне нужно реализовать его по-другому?