【技巧分享】不随页面滑动消失的顶部导航（客户体验度超赞）

废话不多说，先看看效果

（扫一扫以下二维码，进入商城可浏览效果）

本功能的作用和注意事项：

1、可制作成自定义模块，然后在需要的页面调用，这样既可达到每个页面都能显示一样的导航

2、本功能可以节省客户在浏览想要商品的寻找时间

3、本功能不随页面的滚动而消失，而是会一直定格在顶部，这样就给客户提供了一个浏览更多更快的体验场景

4、在使用本功能的时候，由于手机屏幕的局限性，设置的每个导航链接文字一般不超过3字，最好是2字结构，清晰工整！

添加步骤（简单的步骤我就不截图了，重要的步骤我详细说）：

1、下载本文最后的文件，那是一个文本文档，都是些代码(下载下来，打开)。把代码里面的导航文字和文字链接替换成自己的链接（很简单）
http://pan.baidu.com/s/1pK7TWeB     密码是：ch0p

2、进入有赞【管理后台】——>点击【店铺】——>点击【自定义模块】

3、添加【富文本】——>在输入框中输入“乐趣（随便打几个字都可以）”——>按键盘F12 / 或者在网页空白处点击鼠标右键 ——>点击【审查元素】——>按键盘ctrl+F键（查找您刚刚输入的文字）——>鼠标指向标签行（点击鼠标右键）——>点击【Edit as HTML】

4、复制粘贴刚刚准备好的代码——>点击代码空白处——>再点击空白处1——>再点击空白处2——>保存即可

5、微页面调用步骤：在需要调用的为排版页面，添加自定义模板，选择刚刚定义的模板，即大工告成是不是很简单！

http://pan.baidu.com/s/1pK7TWeB     密码是：ch0p

那么，用电脑点击链接浏览的朋友就会问了，为啥有一个滑动条：

这里请各位放心，电脑显示的页面有这个滑动条，是为了方便在电脑上滑动，在手机上是没有这个的！！！

推荐几篇逼格慢慢的技巧文章，可能对你有帮助！

1、滑动条幅代码教程

2、悬浮窗实现教程贴

3、豪华下拉，弹出式多级菜单设计【商品分组】教程贴

祝你好运！

实在整不明白的扫下面二维码加我微信

免  费  帮  忙

你好 代码我自己已经修改了  但是操作3我用不起来  修改错误 这怎么办？

能加微信联系吗

艾贝尔会员俱乐部 发表于 2016-12-11 23:03
6666666666666666

我设置到第三步保存后只有我打上的两个字，还差哪里？

jiajianxin 发表于 2016-12-10 18:59
废话不多说，先看看效果

（扫一扫以下二维码，进入商城可浏览效果）

为什呢我在提交保存后就只剩我自己打上的两个字?

姜从意 发表于 2017-5-14 10:44
这个代码弄进去怎么不行呢   保存后就不显示了  回到起点了

同问，期待大侠解答！保存就回原始状态

如何保存啊，没保存上

您好  我这边在操作这个的时候遇到了问题，上面没有看到您的微信二维码，我可以添加一下您的微信吗？

508c5663b5d0 发表于 2017-7-18 14:54
你好 代码我自己已经修改了  但是操作3我用不起来  修改错误 这怎么办？

我也不会操作
求教学

客户体验度超赞

设置不了是什么鬼？