Firefox:ページ内検索表示時のアニメーションを無効化

この記事は約3分で読めます。
記事内に広告が含まれています

操作画面

こんにちは、さち です。

Firefox で「ページ内検索(Ctrl + F)」を呼び出すと
うにゅっとせり上がって表示されます。

このせり上がるアニメーションは「21」以降に追加されたもので
旧バージョンにはありませんでした。
以前より表示がワンテンポ遅れるから何だか気になる…。

そこで今回は
ページ内検索バー表示時のアニメーションを
無効化する方法について書いていきます。

スポンサーリンク

ページ内検索にアニメーションが付く

操作画面

ページ内検索のアニメーションについて
改めて確認してみます。

Firefox で、「Ctrl + F」を押すと
ページ内検索バーが表示されますよね。

ただ、「21」以降の場合
表示時に下からせり上がるアニメーションが付きます。
アニメーションが無かった旧バージョンと比べ
表示がワンテンポ遅れるため何だか使いにくい…。

解決法1 - userChrome を使う

  1. Firefox のプロファイルフォルダを開きます。
    通常は下記の場所にあります。

    【Windows XP】
    C:\Documents and Settings\ユーザ名\Application Data\\Mozilla\Firefox\Profiles
    【Windows Vista 以降】
    C:\Users\ユーザ名\AppData\Roaming\Mozilla\Firefox\Profiles

  2. 「ランダムな英数.default」のフォルダを開きます。
    (default の後にランダムな数字が続く場合もあり)
    操作画面
  3. 「Chrome」フォルダを開きます。
    ない場合は作成しましょう。
    操作画面
  4. 「userChrome.css」をメモ帳などで開きます。
    ない場合はメモ帳を新規で開きます。
    操作画面
  5. findbar {transition: none !important;}』と記述。
    操作画面
  6. 保存します。先ほど作成した「Chrome」フォルダを選択。
    操作画面
  7. 既存の「userChrome.css」を開いた場合は上書き保存。
    新規作成した場合は、ファイルの種類を「すべてのファイル」、
    ファイル名を「userChrome.css」にして保存しましょう。
    操作画面

これで、ページ内検索を呼び出す際
アニメーションなしで表示されるようになります。
効果がない場合は Firefox を再起動してみてください。

解決法2 - Stylish を使う

この方法ではアドオン「Stylish」を使用します。

  1. 「Ctrl + Shift + A」でアドオンマネージャを表示。
    左側メニューから「ユーザースタイル」を選択します。
    操作画面
  2. 「新しいスタイルを書く」をクリック。
    操作画面
  3. findbar {transition: none !important;}』と入力します。
    「名前」は、適当なファイル名を入力しましょう。
    操作画面
  4. ウィンドウ右下にある「保存」をクリック。
    操作画面

これで、ページ内検索を呼び出す際
アニメーションなしで表示されるようになります。
効果がない場合は Firefox を再起動してみてください。

【参考資料】

   → userchrome.css - Mozilla Firefox まとめサイト
   → プロファイル - Mozilla Firefox まとめサイト

コメント

タイトルとURLをコピーしました