hide scrollbars when transitioning on android using jqm - jquery-mobile

im using Phonegap and jQuery mobile. ive got a standard page with tabs at the bottom as buttons. when i transition to a page the scrollbars appear at the bottom as the page slides in. can i hide the scrollbars when the page is sliding in?

Related

React | safari body scroll lock while modal on iOS devices (15.4)

how to disable body scroll while modal window is open?
when you touch bottom part of iphone's screen - navigation panel appears (it's native safari behaviour). this event (resize) change viewport and allow to scroll.
I tried to implement a lot of solutions but I got a body which I can scroll or black navigation panel without any button and x2 height than usual

Angular material fullscreen layout broken by Google Sign-In button

I'm trying to use the Google Sign-In button in a fullscreen Angular Material layout (based on https://github.com/angular/material-start), but as soon as it renders, the page layout grows just slightly taller than full screen. For example you can scroll down just a little bit past the supposedly full-height side navigation and see its drop shadow.
What is the button doing to my layout, and how do I fix fullscreen layout while using the button?
This can be fixed by adding a style to the embedding page, to display: none the iframe, which is otherwise a 1-pixel affair shoved offscreen to the side. In my testing it still does its job when completely hidden.

why jquery mobile pages are loading twice

I am using jquery mobile 1.4.2
The pages of our jquery mobile websites are loading twice.
When the scroll bar is at the bottom of the page then when i reload a frame the scroll bar is at the same position as it was before i reload a frame(withou JQM).
Here is jsfidlle without jquery mobile it works fine.
http://jsfiddle.net/mfqne4rs/2/
Here is a jsfidlle with jqm.
http://jsfiddle.net/p8gesf1g/
When the scroll bar is at the bottom of the page then when i reload a frame the scroll bar is not at the same position as it was before i reload a frame i mean its going up(with JQM).
I want this to work as a jsfiddle which works without jqm.

trigger.io Scroll to Top with Native topbar

Is there a way to make the trigger.io native topbar scroll the webview to the top on click? I can't see an obvious way to listen for clicks on the topbar other than on buttons. We have a long list and would like to make clicking on the bar scroll the page to the top much like Safari does when you click the status bar.
There is currently no way of detecting clicks on the topbar from javascript. You could however add a button to the topbar and use $(window).scrollTop() in the button clicked event.

jQuery UI: Slider inside of a Tab?

I want my tab content area to have a vertical scrollbar to the right using the jQuery UI Slider API. The tab content area will have a fixed height, and the vertical overflow needs to cause a jQuery UI Slider to appear to scroll through the content.
The specific issue I'm having trouble with is how to structure the HTML and what to style each element with in CSS.
Why do you want to use slider as a scroll bar?
Normally, you should simply pick a scroll bar plugin and go with it, instead of trying to make a control to do what it is not designed for.
This page lists a few jQuery plugins for scoll bars. Here are a few of them:
jScrollPene (demo)
jQuery Custom Content Scroller (demo)
Tiny Scrollbar
But, if you insist using jQuery UI Slider, someone has already made this work, with a demo page.

Resources