- このトピックには10件の返信、2人の参加者があり、最後に
により10ヶ月、 1週前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】20.2.2
【お使いの Snow Monkey Blocks のバージョン】 19.7.1
【お使いの Snow Monkey Editor のバージョン】9.2.5
【お使いのブラウザ】Chrome
【当該サイトのURL】### 実現したいこと
上記のブロックのように複数をスライドさせるべく、コンテンツスライダーを利用しました。
上記とは違って、矢印を表示させたいが、矢印が表示されません。
また、矢印ではなくスライダーをずらす機能にチェックを入れてみたが、こちらも機能せずで困っています。スライドそのものはできますが、スライドできるかどうかがわからない状態になってしまっています。
### 発生している問題
矢印が表示されない。また、ずらす機能もうまくいかない。
### 試したこと
コンテンツスライダーの機能において、矢印を表示するのチェックを入れたり、外した後にまたチェックしてみたりしているが矢印が表示されない。
いいねをした人: 居ません下記のパターンの下の方でコンテンツスライダーを矢印付きで使っているので（表示されていますよね？）
>>頂いたURL先のものは確かに表示されています。
自分のサイトではないので実際にURLが共有できないのですが、以下のような表示になってしまいます。
なお、親ブロックも含めて全幅になっております。
ちなみに、ブラウザの表示を90％にしてみたら、下記のようにズラシで入ったのですが、これは一応ズラシ機能は活きているということになるのでしょうか？相当広いディスプレイじゃないと重なり具合がわからないのかなと思うのですが。
矢印は依然として表示されないので、CSSを見て見ます。
いいねをした人: 居ません立て続けにすみません。
全く別の環境に何もいじっていないスノーモンキーインストールしてやってみたら、ズラシ機能は問題無くできましたので、もしかしたら自分が作った環境が原因の一つになってるかもしれません。
ちょっと洗ってみます。
いいねをした人:PC時のコンテナー左右スペースを「広め」にしたらスライダーをずらすが表示されるようになりました。
左右余白狭めたらそりゃズラシも見えなくなりますよね。
矢印が表示されないのは、単に矢印の色が白だから見えていなかっただけでした。
ちなみに、矢印の色は変えられないのでしょうか？追加Cｓｓですか？
いいねをした人:ちなみに、矢印の色は変えられないのでしょうか？追加Cｓｓですか？
ですね、現状は設定が無いのでそうなります。下記のような感じです。
.smb-spider-slider { --spider--arrow-color: blue; }いいねをした人: 居ませんありがとうございます。
質問ばかりで申し訳ないのですが、スライドを横方向にループさせ続けることはできるのでしょうか？
現状普通に使うとループできない仕様になっているのでループさせたいと思っていますが。
いいねをした人: 居ませんつまり、現状だと一番右までいったら左までギュンと戻るのではなくて、ずっと右にループで進み続けられるようにしたいということですよね？ Snow Monkey Blocks のスライダーは
translateXとかで擬似的にスクロールっぽく見せているわけではなくて本当にスクロールさせている + なるべく js で DOM をいじらないという方針でやっているのでループではなく現状の試用となっています。ループが必要であれば別なスライダーのプラグインを使う必要がありますね…。いいねをした人: 居ませんなるほどです。ありがとうございます。
ちなみに、右端に行ったらギューンと戻る仕様でもいいのですが、現状スマホだと戻らないのですが、どうしたらいいでしょうか？スワイプだと戻らない仕様でしょうか？
いいねをした人: 居ません
- このトピックに返信するにはログインが必要です。