Bootstrap 手风琴:折叠或展开元素时如何避免页面滚动 [英] Bootstrap accordion: how to avoid page scroll when collapse or expand elements
问题描述
尝试折叠或展开手风琴元素时出现意外的页面滚动.也许我只是在引导网格系统上做错了什么?这是页面示例:
如何避免这种刺激性影响?
jsfiddle 可用 https://jsfiddle.net/Lfwvtyms/1/
<!--这里的默认导航栏--><主要><h1>Long long long long long long header header header header header header lng lasd lewq j</h1><div class="容器"><div class="row"><div class="col-xs-12"><div id="任务列表"><div id="accordion" role="tablist" aria-multiselectable="true" class="panel-group"><div class="panel panel-default"><div id="headingOne" role="tab" class="panel-heading"><h4 class="panel-title"><adata-toggle="collapse" data-target="#collapseOne" href="#collapseOne"aria-expanded="true" aria-controls="collapseOne">第一个列表</a></h4></div><div id="collapseOne" role="tabpanel" aria-labelledby="headingOne"class="面板折叠折叠在"><ul class="list-group"><li class="list-group-item">Item1</li><li class="list-group-item">Item2</li><li class="list-group-item">Item3</li>
<div class="panel panel-default"><div id="headingTwo" role="tab" class="panel-heading"><h4 class="panel-title"><adata-toggle="collapse" data-target="#collapseTwo" href="#collapseTwo"aria-expanded="true" aria-controls="collapseTwo">另一个列表</a></h4></div><div id="collapseTwo" role="tabpanel" aria-labelledby="headingTwo"class="面板折叠折叠在"><ul class="list-group"><li class="list-group-item">Item1</li><li class="list-group-item">Item2</li><li class="list-group-item">Item3</li>