我正在使用面板组来制作手风琴,如上Javascript导航的“折叠”部分所示,但我希望在用户滚动时手风琴跟随屏幕,所以我将其包装在一个引导带中,并添加了一个位置:修正了div的风格。不幸的是,一旦我滚动到底部并试图展开手风琴,它就会从屏幕底部展开。然而,当手风琴没有固定位置时,屏幕就会增大,以适应手风琴的新高度。有什么办法让我把蛋糕也吃了吗?
<div class="well" style="position: fixed"> <!--Causes this div to grow off the screen-->
<di
我做了一页手风琴标签。打开选项卡后,页面自动滚动,将手风琴面板标题放在页面顶部。我想要做的是,当用户开始向下滚动时,一个类被添加到面板标题中,该标题会缩小它并将其固定在顶部。我已经在面板的主体中放置了一个锚div,但是我的脚本没有激活。
联署材料:
function sticky_relocate() {
var window_top = $(window).scrollTop();
var div_top = $('.shrink-anchor').offset().top;
if (window_top > div_top)
我使用HTML模板,这些模板基于Bootstrap 4.3.1,向我的学生展示学习内容。在当前的模板中,所有手风琴面板都是在页面加载时关闭的,每个手风琴面板都可以打开,而不管还有多少其他面板已经打开。
在这个CodePen:上可以找到一个有用的示例
HTML代码如下:
<h2>Accordion: Group of 2</h2>
<p class="small">Accordion: start copy</p>
<!-- Accordion headings should be changed to respect pag