https://github.com/vilicvane/cordova-plugin-fix-wp-bouncing

An acceptable solution for Windows Phone bouncing issue
https://github.com/vilicvane/cordova-plugin-fix-wp-bouncing

Last synced: 20 days ago
JSON representation

An acceptable solution for Windows Phone bouncing issue

• Host: GitHub
• URL: https://github.com/vilicvane/cordova-plugin-fix-wp-bouncing
• Owner: vilicvane
• Created: 2015-03-07T09:40:35.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2015-03-09T06:34:36.000Z (almost 10 years ago)
• Last Synced: 2024-11-30T15:41:53.430Z (23 days ago)
• Language: C#
• Homepage:
• Size: 121 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Cordova Fix-WP-Bouncing Plugin

This is a plugin that tries to fix [Windows Phone bouncing issue](http://stackoverflow.com/questions/21652548/bouncing-when-overflow-set-to-auto-or-scroll-in-wp8-webbrowser-control). It's not a perfect solution but it should work most of the time.

## Install

```sh

cordova plugin add com.wordsbaking.cordova.fix-wp-bouncing

```

## Usage

```css

html {

    -ms-touch-action: none;

    touch-action: none;

}

#an-element-that-scrolls {

    height: 400px;

    overflow-y: auto;

}

```

```javascript

// call fix after deviceready.

var wrapper = document.getElementById('an-element-that-scrolls');

FixWPBouncing.fix(wrapper);

```

### Note

It seems that if your Cordova app is not in fullscreen, it won't work as properly as if it is (it would get some issue with the status bar height). I am not sure whether this is a bug of Cordova or Windows Phone.

## API

```typescript

declare module FixWPBouncing {

    /** when target is a JQuery, it process the first element only. */

    export function fix(target: HTMLElement|JQuery): void;

}

```

## License

MIT License.