shopify产品详情页通过代码实现手机端按钮悬浮显示

在手机端很常见的效果，页面滑到到一定的位置，购物车按钮在底部悬浮显示（详细效果演示请看下面的视频）

如何不使用插件，直接代码实现这种效果呢？我们以shopify默认dawn主题为例（其他主题自行修改相关细节）

方法B-适用于Shopify1.0、2.0所有模板，在代码编辑器插入（按钮代码使用主题自带）

下面是需要用到的相关代码

CSS代码，可以插入到.css文件里面。如果直接插入网页，请插入在<style> </style>内

原文链接：https://www.shoptheme.cn/blog/shopify%e4%ba%a7%e5%93%81%e8%af%a6%e6%83%85%e9%a1%b5%e9%80%9a%e8%bf%87%e4%bb%a3%e7%a0%81%e5%ae%9e%e7%8e%b0%e6%89%8b%e6%9c%ba%e7%ab%af%e6%8c%89%e9%92%ae%e6%82%ac%e6%b5%ae%e6%98%be%e7%a4%ba/，转载请注明出处。