2

1 つの div が最後に到達したときに div を表示したい.私はそれを試しましたが、適切に機能していません.これについて誰か助けてもらえますか.(div(#right) 内のテキストを複数の行に揃えて、垂直スクロールバーと試してください）

コードは次のとおりです。

<html>
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
    $(document).ready(function(){

        var bot=$('#right')[0].scrollHeight;
        var pos=$("#right")[0].scrollTop +$("#right")[0].clientHeight;

        if(bot==pos){

            $("#footer").css("display","block");
        }
        alert("End");
    });
 </script>
 <style type="text/css">

     #left{
         width:10px;
         height:100px;
         overflow:hidden;background-color:blue;
      }

      #right{
         width:52px;
         height:100px;
         overflow:auto;
         background-color:green;
         position:absolute; 
         top:7px;
         left:20px;
      }

      #footer{
         width:50px;
         height:50px;
         background-color:yellow;
      }
   </style>
   </head>
   <body>

     <div id="left"></div>

        <div id="right">
         abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz
        </div>

     <div id="footer" style="display:none"></div>

   </body>
   </html>

JSFiddleデモ

4

0 に答える 0