Bootstrap可折叠面板内容重置为顶部

我有面板，其中包含巨大的可滚动数据，一旦向下滚动内容并折叠面板/从其他页面出来，然后数据设置为顶部，向下滚动保持不变，不重置为顶部位置。我曾尝试下面的代码，但没有运气请人帮助我获得解决这个Bootstrap可折叠面板内容重置为顶部

$('#techAssmnt').on('show.bs.collapse', function (e) { 

     //setTimeout(function(){ 
     //$("techAssmnt").animate({ 
      //scrollTop: $('#page-top-wrapper').offset().top 
      //}, 800, 'swing', 
      //function() {}); 
      //},500); 

     //$("div.assessmentMainDiv").scrollTop(0); 
     //$("#Section_1").animate({ scrollTop: 0 }, "slow"); 

     $("#Section_1").animate({ scrollTop: 
     $('#templateCollapse3262').offset().top }, 800, 'swing', function() { 
      }); 

     //$("div.assessmentMainDiv").css(["top","1px", "left","0", 'right':'0','bottom':'0', 'overflow':'auto']); 

     $("div.assessmentMainDiv").css({ 
       'top' : '1px', 
       'left' : '0', 
       'right' : '0', 
       'bottom' : '0', 
       'overflow' : 'auto' 
      }); 
     });

下面的代码我也试过

$('#techAssmnt').on('shown.bs.collapse', function (e) { 
     //alert("sasdas") 
     var panelHeadingHeight = $('.panel-heading').height(); 
     var animationSpeed = 500; // animation speed in milliseconds 
     var currentScrollbarPosition = $(document).scrollTop(); 
     var topOfPanelContent = $(e.target).offset().top; 

     if (currentScrollbarPosition > topOfPanelContent - panelHeadingHeight) { 
      $("#Section_1").animate({ scrollTop: topOfPanelContent - panelHeadingHeight }, animationSpeed); 
     } 
    });

https://www.bootply.com/8bGdJgkmUv

请这个..在第一个面板有巨大的内容，也滚动..一旦我打开并滚动的内容，然后我关闭/隐藏/切换面板，但内容并不全部重置顶部

来源

2017-07-18 Mallikarjun Hampannavar

才能添加工作拨弄？所以这将有助于其他成员可以帮助你。 –

@NiravJoshi https://www.bootply.com/8bGdJgkmUv请检查这个..在第一个面板有巨大的内容，也滚动..一旦我打开并滚动内容，然后我关闭/隐藏/切换面板，但内容是不是全部重置为顶部 –

你只需要添加这个jQuery

$(".collapse").on('hide.bs.collapse', function(){ 
    $(this).children().scrollTop(0); 
});

Working Snippet

来源

2017-07-18 12:44:32

我在移动中使用它..它不工作..在你的例子中它的工作正常 –

你有没有为它做出正确的代码？如果是比做它的片段..让我再检查一遍 –

我不能让我的代码片段bcoz它的动态绑定从web api ..我的代码是完全相同的只是你的工作片段，但我不知道为什么它不是工作 –

Bootstrap可折叠面板内容重置为顶部

回答

相关问题