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

废话不多说，先看看效果

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

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

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、豪华下拉，弹出式多级菜单设计【商品分组】教程贴

祝你好运！

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

免  费  帮  忙

还是不太会，能加你微信吗？

请问有视频教程吗

没有人出一个体验好点的教程么

技术贴，看看

一张图片都看不到，万一不会怎么办

到点击空白处的那个步骤就不对了！请求赐教

1

微商城后台有顶部导航的模板, 也可以满足需求.

可以试一下，感觉挺不错的哦。

测试回帖