用巅云建站V9在HTML5网页中设置锚点定位的简单方法
author:一佰互联 2019-03-26   click:196

说到网页锚点定位,可能很多用户听不懂。通俗的解释就是:如果你要做一个很长的网页,我们希望用户可以通过一个小工具快速直达当前页面的某一个位置,要跳转到这个位置,我们就叫做锚点。

锚点是在网页页面内部的一种定位方式,网页太长,用户要找某个内容需要来回滚动页面,浪费很多时间。在平常的电商网站中,我们也很容易发现锚点定位的身影,比如美团:

天猫商城也有:

通常,在HTML网页下,要设置定位需要增加一系列代码,虽然代码不算太复杂,但对于不懂编程的人来说,实现起来比较困难。有没有快速设置网页锚点定位的方法呢?建站小白有福啦,不用代码,不用基础,一个巅云建站V9五步就能搞定你想要的效果,像下面这样的:

 

这样的:

讲步骤之前先给大家说说空白模块,这是新版巅云建站新增的一个模块,可用于衬托其他模块,不限于文字、图片、区域,在对模块元素进行锚点设置和分层动画演示的时候更为方便。下面我们会用空白模块进行锚点定位。

具体操作步骤:

①基础模块>排版布局中点击空白背景,将其拖动到区域中。

②选中空白背景模块,右键>设置属性>样式,设置空白模块的背景、边框等样式。

 

③在模块中插入文本模块,生成以下效果。

 

④选择文字右击,在属性框中选择“全局”,找到鼠标触发事件,选择需要的触发效果。

⑤若选择滚动到模块位置,建议先对区域模块进行命名,便于区分。

 

效果展示:

 

以后要想实现锚点定位,不用苦苦钻研程序啦,用巅云建站V9就能一步到位!除了锚点定位,巅云建站V9还新增了很多新功能,全部零代码拖拽操作,人人都能做H5响应式网站,懒人建站必备!

巅云建站V9免费体验:http://www.yinxi.net/special/v9special/index.php?s=yuqiuping

 

V9上线发布会免费报名进行时,三小时让你全面了解巅云建站V9,还有惊喜互动送大礼!我们2月22日腾讯课堂直播间不见不散!

立即报名:http://www.yinxi.net/video/?s=yuqiuping