Comments (2)
Hello @stefanbayjensen
it is not a bug but maybe a missing feature. Currently no internal slide index is set by calling next() or moveToSlide(idx). Instead, a distance is defined that must be moved to get to this index. During movement, the slider checks which slide is closest to the origin point. What is in your case, the left side of the viewport. I hope this is understandable.
Currently, the only way to get the index immediately is to modify the index outside the slider and use moveToSlide instead of next.
But I add a feature for this, in the next big update. (in a couple of weeks/months)
from keen-slider.
I have added this function in the new major version. At each next, moveToIdx or dragEnd the animationStarted
event is fired. At this time the targetIdx of the animation is set and can be used as the next active index. You can find an implementation here: https://keen-slider.io/examples#thumbnails
from keen-slider.
Related Issues (20)
- scrolling issue on mobile with scroll variant of "data-keen-slider-scrollable".
- SyntaxError: Named export 'useKeenSlider' not found.
- [Angular] ReferenceError: document is not defined
- Keen-slider doesn't work properly with vue-transition.
- Slider Switches Slide After Very Short Drag
- Click while sliding with free-snap mode HOT 1
- [VanillaJS][v5] translate3d values for slides are sometimes wrong
- How to avoid skipping slides when mouse scrolling? HOT 1
- moveToIdx does not work in certain conditions HOT 3
- Dynamic content makes slides jumping between loops
- Scrolling to a Specific Element in a Multi-Element Slide
- Weird Resize Happening to All Slides HOT 1
- Control end animation speed
- Autosroll issue
- Please update documentation
- Mobile URL bar resizing causes autoplaying carousel jump to the edge of a slide on initial scroll
- Gutenberg Block: TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'.
- Carousel card effect
- Any way to stop or pause autoplay?
- Unable to click inside slide item
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from keen-slider.