javascript 控制 滚动条

Question

请教高人，这样的功能如何实现：
  内层的滚动条到底部后，外层的滚动条才能开始滚动。

Answer 1

要求pagedown键控制,不是用鼠标滚轮

Answer 2

<script type="text/javascript">
    function outerscroll(obj){
         var divout=document.getElementById("outdv");
        if(divout.scrollTop<110) {
            alert("can't do this")
            obj.scrollTop=0;
        }
    }
    
</script>
<div  style="width:500px;height:200px;border:1px solid red;overflow:auto" id="father" onscroll="outerscroll(this)">
    <div  style="height:300px;overflow:scroll" id="outdv" >
        <div  style="height:400px;" id="innerdv"  ></div>
    </div>
</div>