使用jQuery操作可滚动的div

我有一个具有以下CSS属性的div，以便将其滚动到位：

height: 746px;
width: 295px;
overflow: auto;
margin-bottom: 11px;
position: relative;

我需要用jQuery做两件不同的事情：

单击按钮后，将框向上滚动100px

滚动时到达框的底部时，启动一个函数

我已经尝试使用

.position（）

和

.offset（）

来获得它现在的位置，但是在滚动时，它们都没有更新位置。我做错了什么

使用scrollTop属性

$（元素）.scrollTop（$（元素）.scrollTop（）+100）

使用滚动事件

$（元素）。滚动（函数（）{ //检查div的高度和scrollTop的值，以便知道是否在底部，然后执行一些代码 })

看一看@