我的页面布局具有标题和主要元素。我通过CSS将main元素设置为overflow: auto
,以便在内容大于屏幕时出现滚动条。
但是,当我按Ctrl+F
键切换浏览器搜索并搜索某些内容时,页面上的结果将照常突出显示,但滚动条中通常没有的搜索结果“微型图”丢失了。
当我从主要元素中删除overflow: auto
时,我可以带回该“ minimap”,但是这会使滚动条遍历所有页面,而不仅仅是我希望的主要元素。
我在Chrome和Firefox的当前版本中都尝试过此操作,两者均显示相同的行为。
该元素是唯一的滚动元素,滚动条位于窗口的右侧-它从标题元素的下方开始,从美学上讲,我觉得更令人愉悦。
有什么方法可以使突出显示“小地图”的搜索结果返回到滚动条?
最佳答案
您可以使用CSS,JavaScript自定义默认的Webkit滚动条,但是自定义起来并不容易。自定义滚动条在这种情况下派上用场。
您可以使用npm包rc-slider并根据需要自定义滚动条。 Here是滚动条的工作示例,该滚动条在第6行突出显示可点击的标记。