在响应式页面中，图片随浏览器滚动而上下滑动

[qq_38646171]

在响应式页面中，当中间右边展开后的高度大于左边图片时 左边图片 随着浏览器滚动而上下滑动，当滑动到中间内容底部时 固定位置 停止滑动

[似梦飞花]

position:sticky

[qq_38646171]

引用 1 楼 zzgzzg00 的回复:

position:sticky

谢谢 还挺好用的 我都一直没有发现过这个css

[qq_38646171]

引用 1 楼 zzgzzg00 的回复:

position:sticky

这个浏览器兼容性怎么解决啊 除了谷歌 弄到别的浏览器直接就不起作用了

[以专业开发人员为伍]

当右边的高度小于某个阈值（例如 -100）的时候，左边动态地从 static 自动改为 fix 浮动即可，这时候左边就会停留在可见区域（这可并不叫作什么“随浏览器滚动而滑动”啊！）。反之，当高度大于这个阈值时，要自动切换回 static。

[以专业开发人员为伍]

你需要自己写2、3行代码，监听滚动条事件。这样才有通用性！