在滚动条出现时，控制滚动条随内容的添加滚动

// 滚动条距离顶部的位置
        var st = $("#Hfather").scrollTop();
        // div内容的高度
        var sh = document.getElementById("Hfather").scrollHeight;;
        // div可视区域的高度
        var ih = $("#Hfather").height();
        if(sh>ih){
            var dif = sh - ih
            console.log("dif:"+dif);
            // st = dif;
            $("#Hfather").scrollTop(dif) ;
            
        }
        console.log("0st:"+st);
        console.log("0sh:"+sh);
        console.log("ih:"+ih);

参考笔记：

1、获取div的文档总高度（必须DOM操作）：   

 var scrollHeight=document.getElementById("inner").scrollHeight;

// jq中没有scrollHeight -只有scrollTop():
// 所以用DOM操作获取元素并计算scrollHeight。

2、获取div的窗口显示高度：

var height=$("#inner").height()
//或
var height=document.getElementById("inner").offsetHeight

3、获取div的卷上去高度：

 var scrollTop=$("#inner").scrollTop();
    //或
    var scrollTop=document.getElementById("inner").scrollTop;

4、三者关系：

scrollHeight >= height + scrollTop

5、获取div距离文档(body)顶部的高度 $(“#inner”).offset().top

6、获取div距离父元素顶部的距离 $(“#inner”).position().top

7、获取div距离窗口(window)顶部的距离 (“#inner”).offset().top - (“body”).scrollTop()

参考笔记来源：https://blog.csdn.net/sinat_31057219/article/details/70212044