Css Certian链接可以'；除非页面高度较短，否则无法单击

我正在学习Bootstrap4。我有一个带有左导航栏的页面。 链接指向同一页面中的段落。左侧导航始终保持在视野内

问题是：

当浏览器窗口的高度处于全屏、桌面模式时， 底部的两个链接不能从左侧导航栏单击（项目链接：项目3-2和项目4-2）-也就是说，不能将鼠标放在链接上单击它。所有其他链接都可以正常工作

当手动缩短浏览器窗口的高度时，此问题消失，我可以单击所有链接

在全屏桌面模式下，是什么导致问题

我猜这门课是问题的根源，但我不确定

 .bd-example {
        position: -webkit-sticky; /* is it this? */
        position: sticky;
        top: .5rem; height: calc(100vh - .5rem);
        overflow-y: auto;
        padding-top: .5rem;
        padding-bottom: .5rem;
        font-size: .875rem;
        display: inline-block;
    }

代码作为文档：

我将代码放在JSFIDLE中： 但是，需要将结果页面设置得足够高，以便观察问题

---

谢谢。

这是因为您试图滚动到的元素太短，最后一个元素可以在一个屏幕上显示

要解决这个问题，您需要允许页面实际滚动到它们（将滚动到的项目放在页面顶部）

在下面的示例中，我使用了“穷人的补丁”-

填充底部：100vh

，以便您可以看到它正常工作：

.row{
背景#f8f9fa；
边缘顶部：20px；
}
上校{
边框：实心1px#6c757d；
填充：10px；
}
.bd示例{
职位：-网络工具包粘性；
位置：粘性；
顶部：5雷姆；高度：计算（100vh-.5雷姆）；
溢出y：自动；
填料顶部：.5rem；
底部填充物：.5rem；
字体大小：.875rem；
显示：内联块；/*在短vitewport时可能导致滑块*/
}
[数据目标=“#导航栏-示例3”]{
垫底：100vh；
}

第1页，共2页
第2页，共2页
第1页，共3页
第2页，共3页
三分之三






项目1
在ullamco公司因不合格而被视为例外的情况下进行的一般性实习
麦格纳乌拉姆科欧盟。我们必须遵守法律，遵守法律。
暂时性劳动合同的生效日期。这是我的劳动
但不包括在本协议中规定的所有事项。Aliqua和Aliqua officia quis和incidedunt voluptate non anim
我要向多洛尔道歉，但我要向莫利特·多洛尔道歉。阿利奎普·努拉·埃尼姆·维尼安
非FUGIA id CUPIDATA nulla ELITA CUPIDATA COMODO velit ut eiusmod CUPIDATA ELITE dolore。

项目1-1
暂时不受法律约束，但不受法律约束
elit qui et.Aliquip Labor ex esse voluptate occaecat Lorem ullamco deserunt。香脂
例外情况下，您必须遵守本协议。坐在乌拉姆科院长和诺斯特拉德·拉伯尔大主教的位子上。
他是一位伟大的献身者
非魁北克语欧盟委员会。Enim aliquip ullamco Adipising voluptate实习
例外最低实习最低普通实习工作日。动画
我的工作是与动物和福吉亚岛的精英进行交流。

项目2-2
我的头发应该是巨大的，因为我的头发应该是巨大的。伊鲁尔
法律责任是指违反法律和法律的行为
奥卡卡特。在分娩期间，除分娩外，其他所有分娩均不存在
动漫。乌拉姆科·伊普苏姆·埃利特·洛雷姆·埃乌斯莫德·多勒和埃乌斯莫德先生。无盲肠动物
在非协商的情况下。

项目2
在没有时间的情况下，动物的大尾巴会卷曲。产房
非精英员工的实习课程。女主人
莫利特
在两个实验室和同侧同侧动物知识中的胃溃疡。维尼亚姆·维利特·维尼亚姆精英酒店
洛勒姆
阿利夸·奎斯·乌拉姆科是一位杰出的阿利夸·埃塞·伊鲁尔。nisi实验室是暂时的
产房
劳工局：劳工例外；非劳工例外；劳工例外。乱数假文