angular-hammer icon indicating copy to clipboard operation
angular-hammer copied to clipboard

Sections swipe

Open davidcandreva opened this issue 9 years ago • 6 comments

I have 3 sections that can be swiped through in a cordova app.

<section hm-swipe-left="swipe('next')" hm-swipe-right="swipe('previous')">
<h1>long content page 1</h2>
</section>

<section hm-swipe-left="swipe('next')" hm-swipe-right="swipe('previous')">
<h1>long content page 2</h2>
</section>

<section hm-swipe-left="swipe('next')" hm-swipe-right="swipe('previous')">
<h1>long content page 2</h2>
</section>

The problem is that when the content is long, those sections aren't scrollable anymore.

I already tried a bunch of options that should fix this but not one is working appropriate.

Hope someone can help us with this.

davidcandreva avatar Nov 23 '15 15:11 davidcandreva

+1

svenpeeters avatar Nov 23 '15 16:11 svenpeeters

+1

This issue seems to affect iOS. We are not seeing it on Android.

martinmcwhorter avatar Nov 24 '15 10:11 martinmcwhorter

Ok its looks like I have found a solution. I had a similar template:

<div hm-swiperight="prev()"
    hm-swipeleft="next()">

I sorted it by adding a recognizer

<div hm-swiperight="prev()"
    hm-swipeleft="next()"
    hm-recognizer-options='[{"type":"swipe","directions":"DIRECTION_HORIZONTAL"}]'>

So now the up and down swipes are not captured.

martinmcwhorter avatar Nov 24 '15 16:11 martinmcwhorter

@martinmcwhorter doesn't to work in our project.

davidcandreva avatar Nov 25 '15 11:11 davidcandreva

+1 :(

epotockiy avatar May 06 '16 11:05 epotockiy

@martinmcwhorter - thanks so so much!!!

swinston1000 avatar Dec 05 '16 08:12 swinston1000