如何修复未知 属性: 'scroll-snap-align' 代码中的 visual studio 错误
How to fix the unknown property: 'scroll-snap-align' error in visual studio code
我正在尝试添加一个滚动捕捉,以便每个部分都捕捉到页面的中心,但是我在 VS 代码中遇到了一个未知的 属性 错误,所以我无法将它应用到我的代码。是否可以以某种方式使用 scroll-padding-top 和 scroll-snap-align ?我可能需要延期吗?
我已经更新到最新版本 1.30.2,但仍然不开心,我打算使用 scroll 的折旧版本,但这似乎不明智。
/父容器/
.container {
display: flex;
flex-flow: column nowrap;
box-sizing: border-box;
overflow-x: hidden;
scroll-snap-type: y mandatory;
scroll-padding-top: 150px;
}
/对于子元素/
section {
height: 100vh;
scroll-snap-align:start;
}
我希望代码能够从顶部捕捉每个部分 150px 以允许菜单,但没有任何反应...
Jon Uleis 是对的,它确实有效,出于某种原因 VS Code 似乎无法识别该功能,但它运行良好。
我正在尝试添加一个滚动捕捉,以便每个部分都捕捉到页面的中心,但是我在 VS 代码中遇到了一个未知的 属性 错误,所以我无法将它应用到我的代码。是否可以以某种方式使用 scroll-padding-top 和 scroll-snap-align ?我可能需要延期吗?
我已经更新到最新版本 1.30.2,但仍然不开心,我打算使用 scroll 的折旧版本,但这似乎不明智。
/父容器/
.container {
display: flex;
flex-flow: column nowrap;
box-sizing: border-box;
overflow-x: hidden;
scroll-snap-type: y mandatory;
scroll-padding-top: 150px;
}
/对于子元素/
section {
height: 100vh;
scroll-snap-align:start;
}
我希望代码能够从顶部捕捉每个部分 150px 以允许菜单,但没有任何反应...
Jon Uleis 是对的,它确实有效,出于某种原因 VS Code 似乎无法识别该功能,但它运行良好。