Jquery 在固定位置元素内显示滚动条

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

我在一个div(
#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())