我在考虑 css 中的滚动对齐对齐时遇到了一些问题,可能是由于 chrome 中的一个熟悉的错误。
我找到了两种使滚动对齐对齐的方法,但两种方法都不能正常工作。
- 选项 1 - 在 html 标记中使用 scroll-snap-type:
html {
scroll-snap-type: y mandatory;
}
article {
/* empty */
}
section {
scroll-snap-align: start;
}
- 选项 2 - 在容器(文章)标签中使用 scroll-snap-type:
html {
/* empty */
}
article {
scroll-snap-type: y mandatory;
}
section {
scroll-snap-align: start;
}
问题是选项1导致chrome中的双滚动错误,我还没有找到解决方法(更改背景颜色对我不起作用),选项2根本不会做任何事情,就好像我没有写这行代码一样。
我也试过玩overflow-y
,overscroll-behavior-y
或者改变height
容器的,但他们都没有解决这个问题。
我会非常感谢任何愿意帮助我的人:)
PS如果它以某种方式很重要,我正在使用create-react-app。