スマホ版にてお知らせバーが最後まで動かない - SWELLに関する質問

RE: スマホ版にてお知らせバーが最後まで動かない

His- — Tue, 22 Jul 2025 08:40:54 +0000

おそらく「ちょっとした内容を表示する想定」で設計されているっぽいので、長いテキストだと途切れてしまいますね…。

こちらのCSSで上書きすればいけると思います。

.c-infoBar__text.-flow-on {
	display: inline-block;
	padding-left: 100%;
	transform: translateX(0);
}

skillsharejp — Tue, 22 Jul 2025 07:30:51 +0000

PC・モバイル両方の速度を調整する場合

@media (min-width: 1200px) {
    .c-infoBar__text.-flow-on {
        -webkit-animation-duration: 24s;
        animation-duration: 24s;
    }
}

モバイルのみ（767pxまで）を調整する場合

@media (max-width: 767px) {
    .c-infoBar__text.-flow-on {
        -webkit-animation-duration: 24s;
        animation-duration: 24s;
    }
}

上記の24s（sは秒の意味）の数値を上げれば行けると思います。

いずれもカスタムCSSで。

ya_su_ji — Tue, 22 Jul 2025 04:32:56 +0000

スマホ版にてお知らせバーが流れていき最後まで行き切らずに最初にループしてしまいます。
原因わかるでしょうか？

3653