Shopify 滑动时底部动态出现Add To Cart 按钮

最新推荐文章于 2021-10-14 15:27:55 发布

sw69366

最新推荐文章于 2021-10-14 15:27:55 发布

阅读量5k

点赞数 2

分类专栏： Shopify

本文链接：https://blog.csdn.net/sw69366/article/details/88738032

版权

Shopify 专栏收录该内容

3 篇文章 3 订阅

订阅专栏

<!-- 加购悬浮代码开始 -->
<style>
.addtocartinbottom {
	width:100%;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
  	z-index:999;
  }
</style>
<script>
	try{
		var btnSelector = "#AddToCart--product-template";
        var oCLass= document.querySelector(btnSelector).classList;
        window.onscroll = function(){
		AddToCartTop = document.querySelector(btnSelector).offsetTop;
		var y = window.scrollY;
		if(y >= AddToCartTop){         
			document.querySelector(btnSelector).classList.add('addtocartinbottom');
            }else{
            document.querySelector(btnSelector).classList.remove('addtocartinbottom');
                 }
            };
        }catch(e){}
</script>
<!-- 加购悬浮代码结束 -->