こんにちは、さち です。
Firefox で「ページ内検索(Ctrl + F)」を呼び出すと
うにゅっとせり上がって表示されます。
このせり上がるアニメーションは「21」以降に追加されたもので
旧バージョンにはありませんでした。
以前より表示がワンテンポ遅れるから何だか気になる…。
そこで今回は
ページ内検索バー表示時のアニメーションを
無効化する方法について書いていきます。
ページ内検索にアニメーションが付く
ページ内検索のアニメーションについて
改めて確認してみます。
Firefox で、「Ctrl + F」を押すと
ページ内検索バーが表示されますよね。
ただ、「21」以降の場合
表示時に下からせり上がるアニメーションが付きます。
アニメーションが無かった旧バージョンと比べ
表示がワンテンポ遅れるため何だか使いにくい…。
解決法1 - userChrome を使う
- Firefox のプロファイルフォルダを開きます。
通常は下記の場所にあります。【Windows XP】
C:\Documents and Settings\ユーザ名\Application Data\\Mozilla\Firefox\Profiles
【Windows Vista 以降】
C:\Users\ユーザ名\AppData\Roaming\Mozilla\Firefox\Profiles - 「ランダムな英数.default」のフォルダを開きます。
(default の後にランダムな数字が続く場合もあり) - 「Chrome」フォルダを開きます。
ない場合は作成しましょう。 - 「userChrome.css」をメモ帳などで開きます。
ない場合はメモ帳を新規で開きます。 - 『findbar {transition: none !important;}』と記述。
- 保存します。先ほど作成した「Chrome」フォルダを選択。
- 既存の「userChrome.css」を開いた場合は上書き保存。
新規作成した場合は、ファイルの種類を「すべてのファイル」、
ファイル名を「userChrome.css」にして保存しましょう。
これで、ページ内検索を呼び出す際
アニメーションなしで表示されるようになります。
効果がない場合は Firefox を再起動してみてください。
解決法2 - Stylish を使う
この方法ではアドオン「Stylish」を使用します。
- 「Ctrl + Shift + A」でアドオンマネージャを表示。
左側メニューから「ユーザースタイル」を選択します。 - 「新しいスタイルを書く」をクリック。
- 『findbar {transition: none !important;}』と入力します。
「名前」は、適当なファイル名を入力しましょう。 - ウィンドウ右下にある「保存」をクリック。
これで、ページ内検索を呼び出す際
アニメーションなしで表示されるようになります。
効果がない場合は Firefox を再起動してみてください。
【参考資料】
→ userchrome.css - Mozilla Firefox まとめサイト
→ プロファイル - Mozilla Firefox まとめサイト
コメント