【问题标题】:Autoscrolling a bootstrap modal on modal('show')在 modal('show') 上自动滚动引导模式
【发布时间】:2012-11-14 21:52:53
【问题描述】:

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

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

这是我当前的 jQuery

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

我已经让它在常规浏览器窗口中工作,但它不会附加到模式。

如果有人想要挑战,那就来吧;)

【问题讨论】:

    标签: jquery html css twitter-bootstrap autoscroll


    【解决方案1】:

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

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

    给你:http://jsfiddle.net/bws9N/

    编辑:我真的认为不需要在这里使用那个幻灯片插件,因为无论如何你都可以让它工作。但主要思想在这里......

    【讨论】:

    • 感谢您的回复。有趣的是,我刚刚将函数的显示部分添加到了我的代码中。但我确实需要使用你的方法来找到向下滚动的高度。再次感谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-04-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-09-24
    相关资源
    最近更新 更多