[Tips] 「ページの最初へ」を作る（２）

結構、喜んでいただけたらしい「あそびをせんとやうまれけむ: [Tips] 「ページの最初へ」を作る（１）」の第２弾。応用編（笑

（１）の方法でも、リンクの名前を「<!-- PAGE TOP2 -->」、「<!-- PAGE TOP3 -->」とかすれば、いくつでも任意の位置に入れられます。

しかし、それとは別に、長くなりがちな、BlogPeopleとか、MyblogListの最後に必ず付けたいというような場合は、以下のようにするのが簡単です。

マイリストの「メモ」の欄に入っている、BlogPeopleとか、MyblogListのJavaScriptのコードの後ろに、次のコードを付け加えるだけ。

<a href="#container">ページの最初へ↑</a>

うちの場合、もう少し体裁を良くするために以下のようにしています。

<div style="width:100%; margin: 16px 0px; padding: 2px; border: 1px solid #ffffff; text-align:center"><a href="#container" style="width:100%">ページの最初へ↑</a></div>

調整しそうな属性は「とほほのスタイルシート入門」へディープリンクしてあります (^^)

本当は position=fixed で画面の下に貼り付けようとして、対応状況がよろしくないので挫折したんだったり（笑