Slick: Initial translate3d bug when centerMode:true and infinite: false

Created on 26 Jan 2017  路  6Comments  路  Source: kenwheeler/slick

When we set centerMode: true and infinite: false Slick calculates initial translate3d incorrectly.

====================================================================

JSFiddle link

use this jsfiddle to reproduce bug:
http://jsfiddle.net/zajd5vsh/2/

====================================================================

Steps to reproduce the problem

  1. Set centerMode: true
  2. Set infinite: false
  3. Init slider

====================================================================

What is the expected behaviour?

Slider calculates initial translate3d correctly

====================================================================

What is observed behaviour?

Slider calculates initial translate3d incorrectly

====================================================================

More Details

  • Which browsers/versions does it happen on?
    Chrome, FF, Android Chrome/FF, iOS Safary/Chrome
  • Which jQuery/Slick version are you using?
    Slick 1.6.0 and jQuery 1.12.4
  • Did this work before?
    I don't know

All 6 comments

This also happens to me, there is a white hole before the first slide and after the last one.

No updates here?

still nothing a year later 馃槩

Try out my repository: https://github.com/falkartis/slick

The issue seems to be at the bottom of the Slick.prototype.getLeft function.

me helped
useCSS:false
good luck

Was this page helpful?
0 / 5 - 0 ratings

Related issues

crstauf picture crstauf  路  3Comments

jamesinealing picture jamesinealing  路  3Comments

stephane-r picture stephane-r  路  3Comments

rahi-rajeev picture rahi-rajeev  路  3Comments

msavov picture msavov  路  3Comments