slick-sliderの修正方法
表題の件で教えてください。
やりたいこと
.slider-targetに対してslick-sliderを使い、4つの記事を画面上でスワイプさせる。
4つは横並びになっていて、左端の1つ目は幅を30vwで表示させ、残りの3つは幅を18vwにする。
2つ目の記事が、左端の位置に移動した時、30vwに拡大する。
◾️イメージ：下記サイトの真ん中ら辺の社員インタビュー!
https://recruit.kodansha.co.jp/2026
◾️ラフ：
現状困っていること
スワイプする時に、枠からはみ出してしまい、
スワイプが終わった時に、枠内におさまる、という動きになります。
そのため、通り過ぎた要素が戻って来る見え方になります。
移動しながら、枠からはみ出すことなく、枠内にぴたりと収まる方法はないでしょうか。
ChatGTP、Geminiなどで調べたものの、改善するコードが見つかりません。
わかる方がいらっしゃれば教えていただきたいです。
よろしくお願いいたします。
0
