我有一个UL和里面的李,我有一个孩子的div。当我在ul内滚动时,我想让div div保持相对于ul的位置。我能够在ul和li上使用静态位置获得所需的结果,但是当我将ul和li的位置更改为相对时,它不起作用。绝对位置的孩子相对于滚动祖父母
<ul class="grandparent">
<li class="parent">
<div class="child">
Child
</div>
<div >
<div>
Spam
</div>
<div>
Spam
</div>
<div>
Spam
</div>
<div>
Spam
</div>
</div>
</li>
<li>
<div>
Spam
</div>
<div>
Spam
</div>
<div>
Spam
</div>
<div>
Spam
</div>
</div>
</li>
</ul>
这里的工作副本 https://jsfiddle.net/4jhzfm1s/1/
所以我的问题是,我怎么能同时具有UL和李为相对定位的得到想要的效果的链接。
会有更多的li,所以我必须保持滚动到祖父 –
@ LunZhang **所以你需要在ul **附加一个额外的包装,否则位置:sticky;会做(或一个js plolyfill)或专用脚本),但我相信CSS粘性工作实际上只在Firefox(铬我不知道,一旦它,然后没有更多) –
我会尝试添加额外的包装ul –