我有一个附加数据间谍的侧面菜单div，它有太多的元素不适合我的浏览器窗口。侧边菜单包含锚定到同一页面中其他区域的链接。
目前，div正好粘贴在页面上，但由于元素太多，我只能导航到菜单中大约一半的链接。这很糟糕，因为我希望能够轻松地从一个项目到另一个项目，无论我在页面中的哪个位置 - 页面很长。
如果我添加<?php
$arr = array(
"name"=> "mmmkkkk",
"phones"=> array(
"01553338897" ,
"09090909098"
),
"address"=> "107 ostras., Germany",
"assistant"=> array(
"name" => array(
"kmkkm",
"komar"
),
"phone"=> array(
"01043338897" ,
"09099090090"
)
)
);
foreach($arr as $key => $p_value)
{
if(gettype($p_value)=="array")
{
echo $key.":"."</br>";
foreach($p_value as $newp_value => $val )
{
if(gettype($val)=="array")
{
foreach($val as $vkey)
{
echo $vkey."</br>";
}
}
else{echo $val."</br>";}
}
}else{echo $key.":".$p_value."</br>";}
}
?>
，则会在附加的div中显示滚动条，但滚动显示为灰色并且实际上无法滚动。
如何使附加的div可滚动？
答案 0 :(得分：2)
将 height 属性添加到div。
答案 1 :(得分：1)
这对我有用（以及我从Bootstrap的文档页面复制的内容......）
height: max-height: calc(100vh - 4rem);
overflow-y: auto;
现在滚动条仅在需要时出现（视口高度不足以满足内容）。乍一看似乎工作得很好......
另请参阅：How to add auto scroll bar vertically to cssbootstrap affix menu for smaller screens?