移动端产品页底部那条固定的"加入购物车"横条，是独立站改版时争论最多的组件之一——做投放的同事说它把移动端转化率拉起来了一截，做设计的同事嫌它挡内容、让页面显得廉价。两种说法都对。这条横条是典型的"用得好加分、用得差减分"，区别就在几个具体细节上。
什么时候它明显加分
长详情页 + 明确的购买意图，是它发挥价值的标准场景。用户往下滑了三屏参数和评价，购买冲动已经有了，此时按钮常驻拇指热区（屏幕底部约 72px 高度带），不用再滚回顶部。我们的经验里，这种场景下加底部固定栏，移动端加购率提升 15%~25% 不罕见。
另一个加分场景：价格锚点常驻。横条上放"当前价 + 划线价"，做限时折扣时这就是一台永动的倒计时提醒。用户滚动过程中价格和购买入口始终在场，犹豫时间被压缩。
什么时候它明显减分
短页面减分：详情就两屏，固定栏的存在感远大于价值，还占掉 12% 的屏幕高度。内容型页面减分：博客文章、案例展示页放购买横条，用户要的是读内容，横条挡住最后两行字的体验非常差——这种页面该放的是文末相关产品推荐。多按钮冲突减分：横条上塞"加入购物车 + 立即购买 + 咨询客服 + 收藏"四个按钮，每个都小到难点，还不如一个。
做对它的五个细节
1. 拇指可达：按钮高度至少 48px，主按钮占横条宽度 60% 以上，放右手热区；
2. 滚动触发：页面顶部时横条隐藏，向下滚过首屏后滑入——首屏本来就有购买按钮，常驻是浪费；
3. 给内容让路：横条不遮内容，页面底部预留同等高度的 padding，否则"同意条款"勾选框会被永久挡住；
4. 状态联动：有尺码/颜色选项的产品，横条点击应唤起选择面板而不是直接加购，避免默认尺寸错买；
5. iOS 安全区适配：iPhone 底部小横条区域要避让，否则按钮下半截点不到，这属于上线前真机必测项。
还有一个数据提醒：加完横条别只看加购率，要同时看加购后的结账完成率。横条让加购变容易了，但也可能把冲动加购的比例抬高、结账转化摊薄——两端数据一起看才知道净效果是正是负。
移动端体验是一整套工程，横条只是其中一个组件，按钮尺寸、字体大小这些基础项在移动端按钮尺寸指南里有完整数据；整体的移动优化思路看这篇移动优化指南。改版前先真机过一遍自己的购买流程，很多问题不用数据就能看见。