Jquery 滚动到div的底部

我试图得到一个自动滚动点击滚动到一个div的底部。我有它的工作，但它只滚动下600像素的时间，因为这是我设置的。我只是不知道如何让它一按就直接滚动到div的底部。这就是我目前所拥有的。我不知道是否有更简单的方法来编写jquery代码，到目前为止我也做过

$（'.scroll down'）。在（'click'，function（）上{
var currentScrollPosition=0；
当前位置+=600；
$（'.bx视口'）。设置动画({
scrollTop:currentScrollPosition
}, 2000);
});
$（'.scroll up'）。在（'click'，function（）上{
var currentScrollPosition=0；
当前滚动位置-=600；
$（'.bx视口'）。设置动画({
scrollTop:currentScrollPosition
}, 2000);
});
.bx视口{
高度：600px！重要；
溢出：自动！重要；
宽度：100%；
职位：相对
}
.向上滚动{
位置：绝对位置；
顶部：20px；
右：100px；
光标：指针；
颜色：rgba（0,0,0,0.5）；
}
.向下滚动{
位置：绝对位置；
顶部：40px；
右：100px；
光标：指针；
颜色：rgba（0,0,0,0.5）；
}
img{
高度：900px；
溢出：自动；
}

向下滚动
向上滚动
使用
滚动高度
属性并减去元素的高度，以找到可滚动的可用空间


$（'.scroll down'）。在（'click'，function（）上{
var target=$（'.bx viewport'），
高度=目标高度（），
scrollHeight=target.prop（'scrollHeight'）；
目标动画({
scrollTop:scrollHeight高度
}, 2000);
});
$（'.scroll up'）。在（'click'，function（）上{
$（'.bx视口'）。设置动画({
滚动顶部：0
}, 2000);
});
.bx视口{
高度：600px！重要；
溢出：自动！重要；
宽度：100%；
职位：相对
}
.向上滚动{
位置：绝对位置；
顶部：20px；
右：100px；
光标：指针；
颜色：rgba（0,0,0,0.5）；
}
.向下滚动{
位置：绝对位置；
顶部：40px；
右：100px；
光标：指针；
颜色：rgba（0,0,0,0.5）；
}
img{
高度：900px；
溢出：自动；
}

向下滚动
向上滚动
使用
滚动高度
属性并减去元素的高度，以找到可滚动的可用空间


$（'.scroll down'）。在（'click'，function（）上{
var target=$（'.bx viewport'），
高度=目标高度（），
scrollHeight=target.prop（'scrollHeight'）；
目标动画({
scrollTop:scrollHeight高度
}, 2000);
});
$（'.scroll up'）。在（'click'，function（）上{
$（'.bx视口'）。设置动画({
滚动顶部：0
}, 2000);
});
.bx视口{
高度：600px！重要；
溢出：自动！重要；
宽度：100%；
职位：相对
}
.向上滚动{
位置：绝对位置；
顶部：20px；
右：100px；
光标：指针；
颜色：rgba（0,0,0,0.5）；
}
.向下滚动{
位置：绝对位置；
顶部：40px；
右：100px；
光标：指针；
颜色：rgba（0,0,0,0.5）；
}
img{
高度：900px；
溢出：自动；
}

向下滚动
向上滚动