CODEWITHSUNDEEP
jquery-mobile
you786
you786

Reputation: 3550

jQuery mobile app always scrolls if screen is shorter than some size

The content on my screen is definitely able to fit into the given screen size, yet the app still shows scrollbars if the screen is shorter than a certain height.

This fiddle shows the issue, if you shrink the result pane to a certain height.

What I've tried:

Adding `overflow-y:hidden' to the body fixes this issue, but I want to be able to scroll in the y-direction if needed, just not when it's not needed.

How can I stop this scrolling when unnecessary?

Upvotes: 1

Views: 189

Answers (1)

you786
you786

Reputation: 3550

The reason ended up being because of a rule in the jQueryMobile.css:

.ui-page, bla, bla{
    min-height: 420px;
}

changing that to a smaller number that matches what I needed fixed the issue.

Upvotes: 1

Related Questions