在模态('show')上自动滚动bootstrap模态

时间:2012-11-14 21:52:53

标签: jquery html css twitter-bootstrap autoscroll

我有一个用于评论的bootstrap模式。评论表格附在评论列表的底部。 我希望这个模态滚动到列表的底部,当它打开时,如果有超过2或3个注释。我已经安装了这个幻灯片插件 http://jesseprice.com/jquery-slide-to-plugin/

理想情况下,我希望能够使用该插件。我已经设置了一个小提琴我当前的想法: http://jsfiddle.net/D2RLR/3275/

这是我目前的jQuery

    $('.slideto').slideto({
    target : '.new-comment-entry',
    speed  : 'slow'
});

我已经在regualr浏览器窗口中使用它,但它不会附加到模态。

如果有人想要挑战,那么你去;)

1 个答案:

答案 0 :(得分:2)

是。因为如果没有显示该模态,你无法告诉你的模态体滚动...你需要使用某种回调函数。 Twitter Bootstrap为您提供模态事件。请查看此处的文档:{em>事件下的http://twitter.github.com/bootstrap/javascript.html#modals

$('#myModal').on('shown', function () {
    // do something…
})

在这里:http://jsfiddle.net/bws9N/

编辑:我真的不需要在这里使用该幻灯片插件,因为无论如何你都可以使用它。但主要的想法是......