jsスクロールバーをモニターしてトップに戻る
2466 ワード
スクロールバーが現れて、スクロールバーが動いたら、トップボタンに戻るように表示します.スクロールバーがトップに戻ると、トップボタンに戻って非表示になります.
<script type="text/javascript">
//
function getScrollTop() {
var scrollPos;
if (window.pageYOffset)
{
scrollPos = window.pageYOffset;
}
else if (document.compatMode && document.compatMode != 'BackCompat')
{
scrollPos = document.documentElement.scrollTop;
}
else if (document.body)
{
scrollPos = document.body.scrollTop;
}
return scrollPos;
}
window.onscroll = function () {//
if (getScrollTop() > 20) {// , " "。 20 ," " , 。
$("#top_div").show();
}
else {// , " "
$("#top_div").hide();
}
}
</script>
<style type="text/css">
#top_div{
position: fixed;
right: 10px;
bottom: 10%;
width: 50px;
height: 50px;
display: none;
}
</style>
手記