サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
画力アップ
www.at-create.co.jp
サイトでヘッダーを画面上部に固定表示している時に、アンカーポイントで表示位置を指定したり、ページ内リンクで移動したり… というのは、当然ながらよく使われる手法ですが…。 ある時、リンクした先が微妙にズレて困った事はありませんか? 私はあります(笑) 原因ですが、主に固定ヘッダーを設定している場合に起こるようです。 通常、アンカーポイントにリンクする場合は、指定したポイントの頭がディスプレイの一番上に来るように遷移します。 ただし、固定ヘッダーがある場合は、ディスプレイ上はアンカーポイントを一番上に表示しても、そこに固定ヘッダーが被ってしまっているので、ズレて見えるというわけです。 原因自体は、結構単純ですね。 【対処法】 スクリプトを使用する方法と、CSSで調整する方法があるようですので、ご紹介します。 ①スクリプトを使用する場合 ※jQueryを使用します。 $(function ()
その昔…「marquee」というHTMLがありました。 このタグを使うと、さながら電光掲示板のように、流れるテキストを実装できたのですが。 このタグは「Internet Explorer」の独自要素で、現在は非推奨のタグです。 HTML5では廃止されゆくタグなのですが、流れるテキストはたまに要望があります。 JavaScriptでもありますけど、今回はこれもCSSで実装してみました。 CSS3は便利なのです。 ●サンプル ●HTML <div class="sample01"> 流れる文字が 流れてゆくよ~ </div> ●CSS .sample01 { margin : 0 auto 40px; width : 100%; font-size : 28px; text-align : center; overflow : hidden; } .sample01 p{ margin:0;
このページを最初にブックマークしてみませんか?
『www.at-create.co.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く