flexslider - ページの右側にギャップを追加するFlexSlider

Question

Flexsliderに問題がありました。ページの右側に約 50 ピクセルのギャップを追加しているようです (ページを引き伸ばしています)。スライドにカーソルを合わせると、ギャップが消えます。本当に奇妙です。何か案は？

flexslider コードを取り出すと、問題なく動作するように見えるため、このページには他に何もないことがわかっています。

ご協力いただきありがとうございます。

Answer 1

flexslider ナビゲーション コントロールが余分なスペースを追加しているようです。スライダーにカーソルを合わせると、「右」の方向矢印が表示されるため、画面からはみ出さず、余分なスペースを追加しません。

flexslider クラスに「overflow: hidden」を追加すると、ここで問題が解決するはずです。

Answer 2

flexslider.css でこれらのスタイルを変更する:

から

.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }

に

.flex-direction-nav .flex-prev { left:0; }
.flex-direction-nav .flex-next { right: 0; text-align: right; }

私のために働いた。