知恵袋　（前に戻る）
102

 **********　CSS　***************
<style>
<!--

/* CSSだけで常時表示する「上に戻る」ボタン */
#backToTopCSS {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 100;
display: block;
background-color: #333;
color: #fff;
padding: 10px 15px;
border-radius: 50%;
font-size: 20px;
text-decoration: none;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

#backToTopCSS:hover {
background-color: #555;
}

-->
</style>

**********　HTML　***************

<body id="top">
</body>のすぐ上に
<a href="#top" id="backToTopCSS" title="上に戻る">↑</a>

「画面下へ行く」のボタンを
別のcssとhtmlで追記

<style>
/* CSSだけで常時表示する「下へ行く」ボタン */
#goToBottomCSS {
position: fixed;
bottom: 20px; /* 上へボタンと同じ高さに置く */
left: 20px; /* 左下に配置 */
z-index: 100;
display: block;
background-color: #333;
color: #fff;
padding: 10px 15px;
border-radius: 50%;
font-size: 20px;
text-decoration: none;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

#goToBottomCSS:hover {
background-color: #555;
}
</style>

***** HTML　</body>のすぐ上に(scriptの上に) *****

～本文～
</p>

<!-- 「下へ行く」ボタン（どこに置いても表示位置は左下） -->
<a href="#bottom" id="goToBottomCSS" title="下へ行く">↓</a>

<!-- 「上へ戻る」ボタン（すでに実装済み） -->
<a href="#top" id="backToTopCSS" title="上に戻る">↑</a>

<!-- ジャンプ先を空のアンカーで定義 -->
<a id="bottom"></a>

<div id="content">
<!-- ←あなたの本文をここに -->
</div>

<script>
*
～script文～
*
</body>

（前に戻る）

chie2.html(tvm)
<EOF>


↑