jquery - How to create a floating scrollbar like the one on the iPhone? -


I am creating a finger-friendly web app and I'm having problems with scrollbars. Trying to rebuild the implementation of the iPhone where the scrollbar is visible only when the user scrolls and disappears when scrolling is off.

Anyone get any indication?

First of all, I will start with a few options. Azoff is one of them.

Above it, remove it from the plug-in:

 . Css ({"Cursor": "url" (replace with "+ o.icons:  
  .css ({" cursor ",". "," Overflow-y ":" auto "})  

:" Url ("+ o.icons.open +"), default "})

Example of using the plugin page In form:

  $ (function () {$ ("# overscroll"). Overscroll (); $ ("# overscroll"). Hover (function () {$ (this). Css ({'overflow-y': 'scroll'});}, function () {$ (this) .css ({'overflow-y': 'hidden'});});});  

This shows the scroll on the hover. You can scrap $ ("# overscroll"). Scroll () to hide the event Also, to be careful, just be careful that the scrolling is hidden from hiding or showing, so there is an infinite event loop. You will need to set some check on the callback, to ensure that it is not to hide the scrollbar, due to which Scroll event is happening (it is on drag ... then mouse up and scroll wheel check?).


Comments

Popular posts from this blog

sql - dynamically varied number of conditions in the 'where' statement using LINQ -

asp.net mvc - Dynamically Generated Ajax.BeginForm -

Debug on symbian -