便利なプラグインslick.jsですが、使用時に注意する点がいくつかあります。 今回はslick.jsを使う時に注意するポイントを上げていきます。 スライドの間隔(margin)の調整は、スライダー直下の<li>タグで行わない。 これは結構重要です。 これをやるとスライドの位置がズレてしまって、スライダーが正常に動かなくなります。 例えば下記のようにslickを設置した場合に、スライドの間隔(margin)を入れたいと思って、<li>タグに margin や padding の style を独自に適用させてはいけないです。 <script> $('#slider').slick(); </script> <ul id="slider"> <li> <!-- 省略 --> </li> <li> <!-- 省略 --> </li> <li> <!-- 省略 --> </li> </ul> ス