滚动到 Bootstrap(2.3.2) 模式的底部答案

【问题标题】：Scrolling to the Bottom of a Bootstrap(2.3.2) Modal滚动到 Bootstrap(2.3.2) 模式的底部
【发布时间】：2013-10-08 16:58:18
【问题描述】：

您好，我正在尝试滚动到引导模式 onclick 的底部。到目前为止，除了移动页面的背面之外，我还没有取得任何成功。有什么想法吗？

我看过： Autoscrolling a bootstrap modal on modal('show')
Twitter bootstrap scrollable modal

HTML

<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>

Javascript：

$('#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()
        });
    }
});

【问题讨论】：

利用隐藏元素作为目标。
你能举个例子吗？
通过this链接。
我试过这个： $('#groupModal').animate({ scrollBottom: $('#scrollToSpot').position().bottom });没用。

标签： jquery css twitter-bootstrap scroll twitter-bootstrap-2

【解决方案1】：

我没有使用javascript。

FIDDLE

提示：添加<a href="#"> <button /> </a>

【讨论】：

我希望找到一个使用 Javascript 的解决方案，但这对我有用。