#青训营笔记创作活动#
1月26日 day4
今天学习了几个可以用CSS取代JS的操作。
1、颜色选择器
<input type="color" value="#FF99FF" />
可以直接设置 input 标签属性,因为它自带颜色选择的功能,就不需要通过复杂的 JavaScript 来实现一个颜色选择器组件。
2、顺滑切图
.box{
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
display: flex;
overflow-x: scroll;
}
CSS 的"scroll-snap-type: x mandatory;"可以让顺滑切图。当我们滑动横向滚动条到一定位置时,会自动为你切图,这样也显得更加流畅。
1月26日 day4
今天学习了几个可以用CSS取代JS的操作。
1、颜色选择器
<input type="color" value="#FF99FF" />
可以直接设置 input 标签属性,因为它自带颜色选择的功能,就不需要通过复杂的 JavaScript 来实现一个颜色选择器组件。
2、顺滑切图
.box{
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
display: flex;
overflow-x: scroll;
}
CSS 的"scroll-snap-type: x mandatory;"可以让顺滑切图。当我们滑动横向滚动条到一定位置时,会自动为你切图,这样也显得更加流畅。
展开
评论
点赞