Framerの高さに100svhを指定する

2025年3月27日 18:48

Framer

100vhだとiOSのSafariで見た場合、検索バーと被って画面下の要素が見えなくなる。
「svh」という単位で対策する。

Code OverridesのReactコード。これをsvhにしたいセクションなどに指定する。

プレビューや公開したリンクで見てみると、反映されているはず。

import { Override } from "framer";

export const SetFullScreenHeight: Override = () => {
    return {
        style: {
            height: "100svh",
        },
    };
};

綴りの一覧へ