这是一个创建于 1267 天前的主题，其中的信息可能已经有所发展或是发生改变。
有一个 2 行 2 列的结构，
<div id="1"> <div id="2">
<div id="3"> <div id="4">
想要实现的是，
在竖直方向上滚动时，div1 和 div2 保持固定，div3 和 div4 上下滚动；
在水平方向上滚动时，div1 和 div3 保持固定，div2 和 div4 左右滚动；
哪些 css 属性相互配合，能实现这种效果呢？目前我能实现竖直方向的滚动。
<div id="1"> <div id="2">
<div id="3"> <div id="4">
想要实现的是，
在竖直方向上滚动时，div1 和 div2 保持固定，div3 和 div4 上下滚动；
在水平方向上滚动时，div1 和 div3 保持固定，div2 和 div4 左右滚动；
哪些 css 属性相互配合，能实现这种效果呢？目前我能实现竖直方向的滚动。
 |
1
xiaoming1992 2021-06-05 17:49:54 +08:00 via Android
用另一个滚动区包裹住 div 24 ？
|
 |
2
iNaru 2021-06-05 17:51:01 +08:00  2
position: sticky
|
 |
3
liyang5945 2021-06-05 18:51:03 +08:00 3
|
 |
4
sillydaddy OP |
 |
5
Rocketer 2021-06-06 01:19:13 +08:00 via iPhone
sticky 确实方便，但支持率还不够高，比如老一点的 iOS 设备就不支持，所以目前不建议使用
|
 |
6
jinliming2 2021-06-06 01:31:03 +08:00
@Rocketer 看目标用户群体的吧，如果是内部系统，或者是目标客户系统的版本可以提要求，那么怎么 fancy 怎么来都行的。
|
|
7
sillydaddy OP @Rocketer 感谢提醒。这个特性确实比较新。
|
Select Language