Swiper: Stage Padding option

Created on 24 Sep 2019 · 8Comments · Source: nolimits4web/swiper

This is a (multiple allowed):

[x] enhancement
[x] feature-discussion (RFC)

Is it possible to add a stage padding option as found in the following other libraries:

https://owlcarousel2.github.io/OwlCarousel2/demos/stagepadding.html
https://glidejs.com/docs/options/#peek

Source

dante-blitz

Most helpful comment

I would need this feature too, I tried your solution @nolimits4web, but it doesn't give the functionality of
https://owlcarousel2.github.io/OwlCarousel2/demos/stagepadding.html
https://glidejs.com/docs/options/#peek

levin-roski on 28 Jul 2020

👍6

All 8 comments

Do you want to ask a question? Are you looking for support? Stack Overflow is the best places for getting support

Please, don't use GitHub issues for questions

nolimits4web on 24 Sep 2019

I was making a feature request rather than asking a question. Apologies if it was not clear.

dante-blitz on 24 Sep 2019

It is already possible. Set slidesPerView auto and set slide width less than 100%

nolimits4web on 24 Sep 2019

Thanks for your fast responses.

I'm not sure if your suggestion enables the feature as per the other libraries. I'll try and explain my use case little further:

I need to display 4 items in full at any point in time and have an additional 2 far left and far right items cutoff on the edges of the window.

I want to be able to specify (in pixels) how much of the cutoff items are visible e.g. onyl show 100px of the far right and far left items. Ideally this would be specified as an option (hence my original feature request). This is well demonstrated here: https://glidejs.com/docs/options/#peek

I tried your method but found that the first item still starts on the far left and I could not specify a pixel value for the visibility of the cutoff items.

dante-blitz on 24 Sep 2019