medium.com 这个页面是如何实现的?

medium.com 这个页面是如何实现的?,第1张

medium.com 这个页面是如何实现的?,第2张

今天看到此页面 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/

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » medium.com 这个页面是如何实现的?

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情