All Questions
Tagged with hammer.js javascript
479
questions
0
votes
0
answers
76
views
Javascript touch event on mobile not working
When adding a touchstart and touchend event listener to my window or my document it just doesnt work when touching or swiping the screen on mobile
document.addEventListener('touchstart', (event) =>...
0
votes
0
answers
62
views
How to prevent hammer.js stop the page scrolling?
I'm using hammer integrated with svg-pan-zoom (https://github.com/bumbu/svg-pan-zoom?tab=readme-ov-file#custom-events-support).
I would like to let the page scroll panning in vertical direction even ...
- 9,468
2
votes
0
answers
113
views
Problem with jquery and hammer.js when using
I created a jquery function to be able to scroll a list of items back and forth, and it works perfectly with the mouse wheel.
Now I plan to use hammer.js to apply the same logic with touch, but I am ...
1
vote
0
answers
261
views
What can I do to fix the jerky movement of my swipe animation with Vue 3 and Hammer.js?
I have been trying to achieve this effect for days and I just don't understand what I might be doing wrong or what is coming into play when I do this type of animation. All I want is to detect a click ...
- 11
1
vote
0
answers
85
views
How to position image on canvas same as overlaped div of same dimension
I have two div of same dimension which overlap each other using z-index.
Ist div contain image and 2nd div contain a canvas
I am trying to draw image on canvas same place as Ist div. I am using ...
- 11
0
votes
1
answer
1k
views
Instagram Story Progress Bar
I'm building something similar to the instagram story function with HTML, TailwindCSS and JavaScript. I have 6 different slides where I'm navigating with touch taps with hammerJS. At the top I have 6 ...
- 81
1
vote
0
answers
149
views
Event after swipe fires multiple times hammer.js
I use hammer.js to create a T*nder-Style swiping. After swipe right for love or left for nope, I want to start some scripts. In my approach It actually fires multiple times after swipe to right or ...
- 1,645
0
votes
1
answer
592
views
Hammerjs is not detecting swipe movement
I'm using Hammerjs 2.0.8 with Nuxt, and I can't seem to make it detect swipe motion. Here's how I've done the setup. If I change the recognizer to [Hammer.Pan, { direction: Hammer.DIRECTION_HORIZONTAL ...
- 385
2
votes
1
answer
847
views
Swipe and click on links with Hammer js
I have Angular 12 application.
There is carousel with images, which are links.
I integrated Hammer JS as expected:
import * as Hammer from 'hammerjs';
export class HammerConfig extends ...
- 587
2
votes
1
answer
439
views
How do I properly implement debounce time here so that it fires only once per time limit in pure JavaScript?
Goal
I am trying to accomplish the following:
There is a slider/slidehow/carousel/whatever you want to call it, and I want it to register a touch event only once every 3s when you swipe to the right ...
- 1,075
0
votes
1
answer
193
views
Zoom and pan image with events from another image
I am doing an application in cordova where I have a image and then I put on top of it another image in PNG format with transparent background:
As you see the first picture is a photo and the second ...
- 79
0
votes
1
answer
315
views
hammer.js doesn't detect swipe
Hammer.js doesn't detect swipe when I use "touch-action: pan-x !important;" on that id, it works when I don't use touch action but then scroll is not working on my site.
I'm sorry if the ...
- 25
0
votes
0
answers
84
views
HTML page with inside JavaScript not opening in mobile Safari
I have created one .html file, a full calendar and hammer.js.
It’s working on desktop and Android devices. I can see the full calendar and gesture of swipe left and swipe right. But it’s only not ...
- 27
1
vote
1
answer
3k
views
How to include adapters and plugins with ChartJS
What is the most up to date (ES6) and minimal way to use Chart.js with time series data (requiring an adapter like moment.js) and zoom/pan capabilities (chartjs-plugin-zoom) using only CDN? Do you ...
- 413
1
vote
0
answers
239
views
hammer js with carousel images that contain link
I'm using hammer.js with bootstrap carousel for swiping the images left and right with the mouse and it works fine but the problem is the images are links to other pages
<div class="carousel-...
