jqueryで、3ブロックごとにページトップへを挿入させよう

Q&Aなんかで、各カテゴリーやブロックごとに、「ページトップ」へを挿入したいとき。

静的ページなら、手動で入れ込んでいけばいいんだけど、
最近はCMS化CMS化の時代です。

jqueryで制御すれば、自動的にブロックごとに出るようにできちゃいます。

<script type="text/javascript"> $(document).ready(function() { $(".qa li:last-child").append("<div class='pagetop'><a href='#container'>ページの上部へ</a></div>"); }); </script>


3ブロックごとに出るように、とかも可能。

<script type="text/javascript"> $(document).ready(function() { $(".qa li:nth-child(3n)").append("<div class='pagetop'><a href='#container'>ページの上部へ</a></div>"); }); </script>

静的ページであっても、公開直前に項目の数がかわったり、順番が入れ替わったり・・・
そしたらページトップへの位置も修正したり・・・と
数が多ければ多いほど細かな配慮が大変なんですよねー
そういうわずらわしさも、もうサヨナラ。

Comments:0

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://www.otogawa.com/cms/mt-tb.cgi/334
Listed below are links to weblogs that reference
jqueryで、3ブロックごとにページトップへを挿入させよう from px*blog