medium.com 这个页面是如何实现的?
今天看到此页面 https://medium.com/s/not-another-first-time-story
有点心动。自己动手,发现太菜,不能实现。
左侧的图片“相对”是固定的,左侧滚动它不动;当左侧的列表滚动到底时,带起的 footer 竟也把左侧不动的图片带动起来了。请教各位这是如何实现的?
----------------------- 以下是精选回复-----------------------
答:左侧先 fixed 定位,然后监控页面滚动,当滚动到一定位置的时候,用 js 将左侧改为其他定位
答:google 云的文档和这个差不多,也是 js 实现的, 你也可以参考一下。
答:純 CSS position: sticky 可實現
參考: https://dev.to/claireparkerjones/how-to-make-a-sticky-sidebar-with-two-lines-of-css-2ki7
或許用 plugin: https://abouolia.github.io/sticky-sidebar/
0条评论