1. 首页 > 教程帮助 > 工具教程

制作楼层锚点

作者:admin 日期:2020-07-10 14:05:06 点击数:
目的:做一个导航,点击后可以直达其他本页面的模块,比如我们做一个导航,点击后要跳转到同页面的一个图片模块
  1. 首先做好导航图片,比如

制作楼层锚点(图1)

  1. 使用辅助工具制作代码,绘制热区

制作楼层锚点(图2)

设置链接地址为要跳转的楼层锚点


怎么知道模块的锚点?请往下看

第一步,在要跳转到的模块上点右键,审核元素(谷哥内核的浏览器:360安全浏览器,360急速浏览器等都可以)

制作楼层锚点(图3)


第二步,找到该模块的最外层

  • 鼠标移动在下面的元素上,上面会变灰显示你选中的区域
    <div class="J_TModule" data-widgetid="15316751168" id="shop15316751168" data-componentid="5003" data-spm="110.0.5003-15316751168" microscope-data="5003-15316751168" data-title="自定义内容区(这个是模块中文名称)">

  • <div class="J_TModule" 这里

  • 找到id="shop15316751168" 这个 shop15316751168就是这个模块的ID

制作楼层锚点(图4)

(还不懂?醉了~研究一下吧!偶尔还是要动动脑的,还不会就问我吧)


现在返回去,填写链接地址为 #shop15316751168

这样点击这个艺术设计馆,就会跳转到刚才的那个图片模块了,同页面楼层跳转完成

制作楼层锚点(图5)

继续设置其他链接

同页面楼层跳转完成

  • 这个是同页面的模块跳转,不同页面的不能

  • 自定义页面可以使用



随便看看