2

我想在一个 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