我有一个父母div
和overflow:scroll; scroll-snap-type:y mandatory;
几个孩子,每个孩子都有scroll-snap-align:start
.
在 Chrome 中,页面加载时,第一项被隐藏,父项滚动到第二项。事实上,当您向上滚动时,它会弹回第二个项目。
当我第一次拿起它并注意到height
父级上没有设置,所以我将它设置为auto
,(我也尝试过height: 400px
,相同的结果)现在当你刷新它时,它会在第一个孩子在顶部之间交替第二个孩子在上面。
在 Firefox 和 Safari 中按预期工作。
这里发生了什么?