[ 解決済 ] オーバーレイメニューの実装

VWSとは フォーラム その他 [ 解決済 ] オーバーレイメニューの実装

[ 解決済 ] オーバーレイメニューの実装

  • このトピックには2件の返信、2人の参加者があり、最後にjoen1900により2年、 4ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #67601

    joen1900
    参加者

    オーバーレイメニューの実装で
    html

    css
    は追加できましたが
    jQueryの
    <script src=”https://code.jquery.com/jquery-3.6.0.js”></script&gt;
    $(“.overlay-menu-btn”).on(“click”, function () {
    const overlayMenu = $(“.overlay-menu”);
    const openClass = “open”;

    if (!overlayMenu.hasClass(openClass)) {
    $(“.overlay-menu-btn span:nth-child(1)”).css({
    transform: “rotate(-45deg)”,
    top: “10px”
    });

    $(“.overlay-menu-btn span:nth-child(2)”).css({
    opacity: “0”
    });

    $(“.overlay-menu-btn span:nth-child(3)”).css({
    transform: “rotate(45deg)”,
    top: “7px”,
    border: “1px solid #00c2bc”
    });

    overlayMenu.addClass(openClass);
    overlayMenu.fadeIn(“slow”);
    $(“body”).css(“overflow”, “hidden”);
    } else {
    $(“.overlay-menu-btn span:nth-child(1)”).css({
    transform: “rotate(0)”,
    top: “0px”
    });

    $(“.overlay-menu-btn span:nth-child(2)”).css({
    opacity: “1”
    });

    $(“.overlay-menu-btn span:nth-child(3)”).css({
    transform: “rotate(0)”,
    top: “20px”,
    border: “1px solid #999”
    });

    overlayMenu.removeClass(openClass);
    overlayMenu.fadeOut(“slow”);
    $(“body”).css(“overflow”, “auto”);
    }
    });
    はどこに追加したらいいのでしょうか。

    ご教授の程宜しくお願い致します。


    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #67602

    > オーバーレイメニューの実装で

    これだけの説明でいきなりコードが書いてあっても何をどうしたいのか理解が難しく、個別の環境の個別のプログラムのカスタマイズなのでフォーラムでの回答は難しいです。ショーケース登録の製作者などに有償でのサポート依頼をご検討ください。

    トップページ

    #67606

    joen1900
    参加者

    お返事ありがとうございます。
    不躾な質問、大変失礼いたしました。
    今後も宜しくお願い致します。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。