Question

我已根据this guide制作了一个drag-to-trigger_event页面。

我在屏幕中央显示图像列表，有时页面大于窗口大小，所以我必须使用“position：fixed”才能始终显示在屏幕的中心。

我做了一个调整，而不是在悬停在图标上后显示简单的工具提示我显示了一个选项列表，在将它放在一个选项上后会引起不同的反应。

所以，我的问题是当选项列表真的很长（用户定义）时，页面太小而无法显示整个列表。使用'position：absolute'没有问题，因为滚动条出现，用户可以向下滚动到列表的最后位置。但是“位置：固定”，用户无法看到整个列表，因为滚动滚动整个页面，列表固定到位，整个列表不可见。

这个问题有什么解决方案吗？可能只是一个简单的多列列表或只有该列表的“隐形”滚动？还是其他任何简单的解决方案？

Answer 1

尝试给出： -

使用其中任何一个： -

position: absolute;
position:relative;
position:fixed;

display: inline-block;

访问此解决方案的链接一次： -

Answer 2

我通过动态修改window.onScroll（）函数中的margin-top并且仍然具有position：absolute使我能够查看列表中的每个项目来解决它。