Jquery 在固定位置元素内显示滚动条
我在一个div(Jquery 在固定位置元素内显示滚动条,jquery,html,css,Jquery,Html,Css,我在一个div(#block_list)中有元素(.block)。#block_list的父级是另一个具有固定位置的div(#block_list-wrapper)。现在,由于#block_list-wrapper具有固定位置,因此不会显示#block_list的某些元素。我想用滚动条显示它们 html: 但这也没用 如何显示滚动条以显示#block_列表中的所有元素(.block)?添加以下代码行以设置元素的高度: $("#block_list").css("height", $(window
#block_list
)中有元素(.block
)。#block_list
的父级是另一个具有固定位置的div(#block_list-wrapper
)。现在,由于#block_list-wrapper
具有固定位置,因此不会显示#block_list
的某些元素。我想用滚动条显示它们
html:
但这也没用
如何显示滚动条以显示
#block_列表
中的所有元素(.block
)?添加以下代码行以设置元素的高度:
$("#block_list").css("height", $(window).height())
另一个解决方案显然是使用CSS实现这一点,就像其他答案所说的那样。您没有指定高度。可以通过以下方式之一指定容器的高度:
高度:100vh
指定给您的#block_list-wrapper#block_list
,或高度:100vh
指定给您的#block_list-wrapper
,然后将高度:100%
指定给您的#block_list-wrapper#block_list
代码笔:将高度100%添加到块列表和块列表包装器,然后添加溢出:滚动到块列表。您需要为块列表元素设置固定高度。您可以使用vh属性并设置
高度:100vh
更新的代码笔赋予元素高度,以便您可以在
div
上获取滚动条。
下面的链接代码工作正常
尝试使用
slimScroll
。您需要添加一个固定高度,以便在元素上进行任何类型的旋转@嘿,很高兴在这里见到罗马尼亚人!!:D@Ionic我们到处都是,伙计D@StefanPerju哈哈,说得好。是的,我们是,即使如此D
#block_list-wrapper #block_list {
width: 250px;
overflow: scroll;
}
$("#block_list").css("height", $(window).height())