shopmacher / sm-slider Goto Github PK
View Code? Open in Web Editor NEWA minimalistic, configurable, responsive slider library.
License: MIT License
A minimalistic, configurable, responsive slider library.
License: MIT License
Hi,
if I use "visibleSlides": 1.4,
the prev and next item should be visible before and after the active item. At the moment only the last item is visible. Any ideas how to realize this?
Thank you
Franziska
Issue:
On mobile, when the page is first loaded, a single touch (no long touch, no swipe) on the slide will make the slider automatically jump to the last slide.
Investigation:
After I investigated, it seems that the root cause is: on touchend
event, the distX
and distY
will be undefined if users only touch, without actually swipe any distance at all. That m
Solution:
My solution is simple: add a check, if distX
and distY
are both undefined
, that means the user has touched, but not swipe. So we do nothing and just cancel the event handling.
$touchTarget.addEventListener('touchend', (event: TouchEvent) => {
if (!distX && !distY) {
return;
}
});
If I touch-swipe inside the vertical slider on touch devices to left or right, the slider content .slides
scrolled outside the visible area.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.