付け焼き刃の jquery
某所でとある中学生がブログ幅を縮めて、膨大な量の広告に手を掛けず、サイドバーを上、メインを下にした作りで、記事に一気ジャンプしたいと言う。
ちょっと長い記事を書くと、私とてブログの天地が 3000px を越えたりするが、件のブログはナント 8500px 近くあった。
記事は凡そ下の三分の一でしかなかった。
私としては助けてやりたいが、所詮付け焼き刃の jquery では中々応用ができない。
要はアンカーを置いて、そこへのリンクを置くだけの話なのだが。
どこのブログにもありそうな「ページトップへ」というリンクが無いことが七メンドークサクしている。
Stack Trace を手がかりに試行錯誤。
特段別アカウントを持っていないので、自ブログで試すしかない。
それでも何とか成功に漕ぎ着けた。
<script type="text/javascript">
$(function(){
$('<p><a href="#entryTop">記事トップへ</a></p>').insertBefore('#advertising2');
$('.topPaging').after('<a name="entryTop"></a>');
})
</script>
$(function(){
$('<p><a href="#entryTop">記事トップへ</a></p>').insertBefore('#advertising2');
$('.topPaging').after('<a name="entryTop"></a>');
})
</script>
記事した広告の前に「記事トップへ」というリンクを置き、記事上のトップ・ページングの下にアンカーを置いたというカタチ。
ブラウザは Firefox 3.6.13 で、アドオンの Web Developer も利用しているが、件のブログにこのコードを html 編集で加えても、変化ナシ。ここで万事休す。
別アカウントを獲って例のブログと同じ体裁にして試せばいいのは、判っているが、そんな気はない。