search

gs-shop / vue-slick-carousel

🚥Vue Slick Carousel with True SSR Written for ⚡Faster Luxstay
https://gs-shop.github.io/vue-slick-carousel/
Other
809 stars 185 forks source link

Hide right arrow if not overflowing #87

Open RasmusO95 opened 4 years ago

RasmusO95 commented 4 years ago

Sorry for spamming with issues ^^

But, im wondering, is there a way to hide the right arrow if content is not overflowing? I have this navigation bar, which at large screens all the elements fit nicely. But when they get smaller, you should be able to slide/scroll.

Also the navigation links are dynamic, so there could be a chance they eventually will overflow on large screens, so i cannot just use the responsive settings to disable arrows at certain widths, as idk the content length incoming.

https://drive.google.com/uc?id=1I_Agl3hoSNwOHEwla8jCk8a35JV7uGu0

And is it possible to prevent it from scrolling all the way to the left? It wants to put the last element at left-most position before it stops scrolling. Would it be possible to stop as soon as last element is within the slide track (is visible)?

kyuwoo-choi commented 4 years ago

can you share the running example? by default, It shows no arrow when it can show every children.

RasmusO95 commented 4 years ago

@kyuwoo-choi ive attached a small vue app with this issue and #86 :) Hope it helps! vue-slick-caroussel-bugs.zip