Jquery 滚动到引导（2.3.2）模式的底部

您好，我正在尝试滚动到引导模式onclick的底部。到目前为止，我还没有取得任何成功，只是将页面的背面移动了一下。有什么办法吗

我看过：

HTML

---

我没有使用

javascript

---

提示：添加

使用隐藏元素作为目标。你能给我一个例子吗？通过链接。我尝试了：$（'#groupModal'）。动画（{scrollBottom:$（'#scrollToSpot'）.position（）.bottom}）；没用。我本想用Javascript找到一个解决方案，但这对我来说很有效。

<div id="groupModal" class="modal fade">
    <div class="modal-footer">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 id="groupName"></h4>
    </div>
    <div class="modal-body">
        <div class="container-fluid">
            <div class="row-fluid">
            </div>
            <div id="interestedDiv" class="collapse">
                <form id="interestedForm">
                    <fieldset>
                        <legend>Interested Form</legend>
                        <input id="firstNameField" class="interestedField" type="text" placeholder="First Name" required>
                        <input id="lastNameField" class="interestedField" type="text" placeholder="Last Name" required>
                        <input id="emailField" class="interestedField" type="email" placeholder="Email" required>
                        <input id="phoneField" class="interestedField" type="tel" placeholder="Phone Number">
                        <button style="margin-bottom: 10px !important;" id="interestedSubmitButton" type="submit" class="btn btn-custom" disabled="true">Submit</button>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <div class="pull-left">
            <a id="interestedBtn" href="#" data-toggle="collapse" data-target="#interestedDiv"><i id="chevron" class="icon-chevron-right"></i> I'm Interested!</a>
        </div>
        <!--        <a href="#" data-dismiss="modal" class="btn btn-custom">Close</a>-->
    </div>
</div>

$('#interestedBtn').click(function(event){
    if($('#interestedDiv').hasClass('in')) {
        $('#chevron').attr('class', 'icon-chevron-right');
    } else {
        $('#chevron').attr('class', 'icon-chevron-up');
        $('#firstNameField').focus();
        $('#groupModal').animate({
            scrollTop: $('#groupModal').position().top + $('#groupModal').height()
        });
    }
});