scrollTo zostaje przesłonięty podczas korzystania z jQuery Mobile

Tworzę mobilną aplikację internetową z jQuery Mobile i chciałbym ukryć pasek wyszukiwania nad widocznym obszarem. Użytkownik musiałby więc pociągnąć stronę w dół, aby zobaczyć pasek wyszukiwania. Myślę, że najlepszym sposobem, aby to zrobić, jest zdefiniowanie paska wyszukiwania jak zwykle, a następnie załadowanie strony ręcznie ustawić pozycję przewijania, powiedzmy 55px. Oto mój kod:

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

Problem polega na tym, że po odświeżeniu strony widzę, że jest ona ukryta, ale po pełnym załadowaniu od razu wraca na górę. Sprawcą jest jQuery Mobile, ponieważ nie jest to prosteJS Fiddle.

Jak mogę powstrzymać JQM przed nadpisywaniem mojego zestawu scrollTop lub czy muszę go zaimplementować inaczej?

questionAnswers(1)

yourAnswerToTheQuestion