Bootstrap手风琴，在点击时滚动到当前（打开的）手风琴的顶部。

7 浏览
0 Comments

Bootstrap手风琴，在点击时滚动到当前（打开的）手风琴的顶部。

我正在使用Bootstrap制作一个响应式网站，其中包含大量文本的手风琴。当你阅读到底部并点击下一个手风琴时，大量文本会折叠，而我则停留在页面底部。

我从Bootstrap手风琴滚动到活动面板标题的顶部中找到了这个有用的代码，但它会滚动到所有手风琴的顶部，而不是打开的特定手风琴的顶部。

如何修改这段代码以滚动到当前活动手风琴的顶部呢？

JS

$(function () {
    $('#accordion').on('shown.bs.collapse', function (e) {
        var offset = $('.panel.panel-default > .panel-collapse.in').offset();
        if(offset) {
            $('html,body').animate({
                scrollTop: $('.panel-heading').offset().top -20
            }, 500); 
        }
    }); 
});

如何修改这段代码以滚动到当前活动手风琴的顶部呢？

HTML

                
        
                
简短概述 

        
                

        
                
概念 

        
                
    
        
                
    主题 
    
                
        
                
    显著地点
    
                
        
                
    显著角色
    
                
        
                
    完整描述

    0