jsスクロールバーをモニターしてトップに戻る


スクロールバーが現れて、スクロールバーが動いたら、トップボタンに戻るように表示します.スクロールバーがトップに戻ると、トップボタンに戻って非表示になります.
    <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>
手記