淘宝CSS把fixed属性屏蔽了，所以现在基本上都不能使用悬浮效果了。只能通过购买模块或者其他方法来实现。最近有很多卖家朋友想要在无线端店铺增加悬浮效果，不知道怎么操作，为此小白学电商小编带着教程来了!

给大家提供一种相对比较简单的悬浮方法，下面将会来说下这种方法的优缺点。

优点：无需调用官方一些悬浮的CSS来实现，也不需要担心会失效，可以说会永久使用

缺点：当然既然不是直接写fiexd属性实现，那肯定有自己的缺陷，就是只能实现单个悬浮链接，如果想实现很多分类的链接，那就需要其他方法来破解了。

下面是代码：

copyright taoqao

[color=rgb(51, 102, 153) !important]复制代码

下面是悬浮使用方法：

1-可以通过淘宝自定义模块背景固定或者直接通过固定背景代码，在页面背景先做出一个悬浮的图片

2-然后将这段代码放进任意一个自定义模块里面，通过调整参数来控制链接的位置

copyright taoqao

粉色为链接的宽度(也就是你悬浮的宽度)

红色为链接距离左边的距离

蓝色为链接距顶距离(不过你一般不需要修改这个)

店铺装修悬浮旺旺客服使用教程：

首先进入获得旺旺使用代码。

1、选择在线状态图片风格

2、填写文字提示信息

3、如果是E客服主号，可选择亮灯是否需要分流

4、点击生成所需要的代码

5、完成看看效果吧。

把生成的代码嵌入到网站或者论坛对应的页面代码中，即可拥有自己的互动状态。

1、进入店铺装修-找到左侧写着“悬浮客服”的模块(一般在最下边)编辑。

点最后边的<>图标，切换到代码状态。把第一步中获得的代码黏贴到里面，然后保存。

再次点击<>图标，切会正常状态，可以看到属于自己的旺旺了。双击图标，图片地址与连接地址是需要的。分别复制下来。地址比较长，请一定要复制完全。双击模版上放好的旺旺图标，用上一步获得的图片地址和连接地址，分别替换新的模块里面图片的相应地址。放好后，上班的旺旺就不在需要了，鼠标右键单击旺旺图标，然后点下Del键，图标就删除了。

最后提醒大家一点，就是悬浮旺旺是淘宝旺铺专业版才特有的功能，使用基础版的卖家朋友们需要先升级到专业版才可以使用，设置了悬浮旺旺，可以引人注意，可以有效地降低客户流失率。

推荐阅读：

ps怎么做淘宝主图水印?详解教程

淘宝店铺主图怎么做?淘宝主图设计技巧

如何做一个好的淘宝宝贝主图制作技巧?