表示されている記事

スポンサーサイト

一定期間更新がないため広告を表示しています


ページのトップ・ボトムへ移動するボタンを設定してみました

ページのトップ・ボトムへ移動するボタンを設定してみました
この記事「テンプレートを作ってみる【37】」で設定した下記は使用せずに
<script type="text/javascript" src="./template/more/js/scroll.js" /></script>
HTML
<div id="scRoll">
<div class="top"><a href="javascript:(function(){window.scrollTo(0,0);})();" title="ページトップに移動">▲</a></div>
<div class="bottom"><a href="javascript:(function(){window.scrollTo(0,document.documentElement.scrollHeight);})();" title="ページボトムに移動">▼</a></div>
</div>
CSS
#scRoll {
position:fixed;
right:20px;
bottom:20px;
}
#scRoll .top {width:20px;height:20px;background-color:#333333;border-bottom:1px solid #000000;}
#scRoll .bottom {width:20px;height:20px;background-color:#333333;}
via ブラウザでトップに戻る(一番下に移動する)方法いろいろ: 小粋空間

スポンサーサイト


この記事のトラックバックURL
トラックバック