首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

Tips-移动滑动固顶效果(position: sticky)

先放个图看看滑动固顶是啥效果: image.png 中间那个 tab 条,平常的时候是固定的,等到页面滑上去的时候,又像 fixed 一样贴在顶部。...Android 上实现类似效果 这里我们不得不借助 js 和 positon:fixed。...添加一段 js: var isStopTimer = null; var offsetTop = $('.content-a').offset().height;...position: fixed; } 在需要固顶的时候我们将元素的 positon 改为 fixed,但是这里又有个坑,设置元素为 fixed 的时候,相应元素是脱离文档流的,也就是没有高度了,仔细看滑动的时候...为了解决这个跳动,我们可以让原本在下面那个元素加点高度,然后和 sticky 元素重合,为了以后改动页面的时候不影响这个逻辑,用 js 去算高度会比较好。

2K60
领券