オーバーレイ形式のメニューで高さを画面いっぱいにした時に
スクロースすると、メニューがと切れてコンテンツが見えてしまう問題。
transform: translate3d(0, 0, 0);
つけると見切れなくなるメモ。
オーバーレイ形式のメニューで高さを画面いっぱいにした時に
スクロースすると、メニューがと切れてコンテンツが見えてしまう問題。
transform: translate3d(0, 0, 0);
つけると見切れなくなるメモ。
サイト内の情報を検索できるように、ページの共通部分にサイト内検索を設置するサイトが珍しくなくなってきました。 今回はサイト内検索を実装する上で、一番簡単な方法をご紹介いたします。
サイト内からキーワードを入力してページを表示する時のデータとして
今回はGoogleがインデックスしている内容を基準にします。
site:ドメイン 検索ワード
とすれば、サイト内検索が行えるのでそちらを表示します。
下記のコードが最低限のものになりますので、CSSをあてて調整してみてください。
<form action="https://www.google.co.jp/search" target="_blank">
<input type="hidden" name="q" value="site:【ドメイン】">
<input type="text" name="q">
<input type="submit" value="検索">
</form>
サイト内の情報が多く、サイト内検索が必須だが、専用のテンプレートを作成する時間がない!
という時に、まずは簡易的な機能として提供できればと思います。