Bloggerモバイルに一番上に移動するアイコンを設置する方法

amazon
久しぶりに、モバイル端末で自分のブログ記事を読んでいると、スクロールがめんどくさかったです。

photo-credit: IconAarchive


読んでいた記事が、たまたま長い記事だったのですが、一番上に戻ろうにもスクロールが面倒でした。


ちなみに、 iPhone は、上メニューの時間辺りをタップすると、一番上に戻れるのですが、その時は、たまたま Android タブレットで読んでいました。


ということで設置。スペースは取りますが、ぴょっこり出てくるアイコンよりはウザくないと思います。





.mobile-footer-up {
position: fixed;
bottom: 0px;
left: 0%;
width: 100%;
hight: 30px;
text-align: center;
font-size: 15px;
background-color: #303030;
}

.mobile-footer-up a {
display: block;
}

.mobile-footer-up a:hover {
background-color: #66CCFF; 
}



自分の場合は、<div class='mobile-footer'>を検索し、その下辺りに、置きました。


<div class='mobile-footer-up'><a href='#top'><span class='entypo-up-open-big'/></a></div>