我的页面布局具有标题和主要元素。我通过CSS将main元素设置为overflow: auto,以便在内容大于屏幕时出现滚动条。

但是,当我按Ctrl+F键切换浏览器搜索并搜索某些内容时,页面上的结果将照常突出显示,但滚动条中通常没有的搜索结果“微型图”丢失了。

当我从主要元素中删除overflow: auto时,我可以带回该“ minimap”,但是这会使滚动条遍历所有页面,而不仅仅是我希望的主要元素。

我在Chrome和Firefox的当前版本中都尝试过此操作,两者均显示相同的行为。

该元素是唯一的滚动元素,滚动条位于窗口的右侧-它从标题元素的下方开始,从美学上讲,我觉得更令人愉悦。

有什么方法可以使突出显示“小地图”的搜索结果返回到滚动条?

最佳答案

您可以使用CSS,JavaScript自定义默认的Webkit滚动条,但是自定义起来并不容易。自定义滚动条在这种情况下派上用场。

您可以使用npm包rc-slider并根据需要自定义滚动条。 Here是滚动条的工作示例,该滚动条在第6行突出显示可点击的标记。

07-24 09:50
查看更多