Search code examples
csswindows-phonescrollbar

How to make scrollbar to appear when scrolling inside an element on Windows Phone?

Here is my code.

When scrolling the content inside the div, the scrollbar of the div correctly appear on iOS. However, the scrollbar does not appear on Windows Phone.

I had tried all of the CSS declarations listed at here, and it still doesn't work.

Solution

  • Unfortunately, this is not possible with the current version of IE Mobile. Even with an explicit

    overflow-y: scroll;

    the scrollbar will not appear.

    There are several JavaScript solutions which will work with Windows Phone too. I tried JScrollPane with my Nokia Lumia 1020 and the scrollbar is visible. They have some demo pages, i.e. http://jscrollpane.kelvinluck.com/basic.html.

    Another nice script is slimScroll. This jQuery plugin also gives you the possibility to hide the scrollbar when the div don't have the focus (alwaysVisible: false).