top of page
  • 作家相片riphen

利用Wix平台0代码搭建网站页面添加”返回顶部”(back to top)按钮

由于wix官方平台已经不支持“Back to top” App了,所以我们在搭建自己的网站时就需要手动加入返回顶部这个按钮,使得我们自己的网站访客可以更方便的浏览我们的网页,但是既然选择了wix平台,相信很多人都是没有编程基础或者实在是自己懒得动手利用代码去添加,所以下面就给大家介绍一下无需代码基础,充分利用wix平台来添加”back to top” button


1.添加图示

首先打开我们的网站编辑器,左侧添加元件功能里在选项中第四个装饰选项中选择一个自己喜欢的图案,作为返回顶部按钮的图案,一般来说都是在箭头选项中选择一个向上的箭头作为图案,当然也可以选择自己上传喜欢的矢量图作为图示,然后把它放在你的页面中。


2.将按钮链接到页面顶部

在创造好的按钮上右键点击,选择 链接 ,在选项中选择链接到顶端。


3.将按钮固定在屏幕上

右键点击按钮,选择最右侧的固定选项,将您的按钮固定在屏幕的一侧,这样网站访客就可以在任何页面看到它,以便他们向下滚动网站时可以快速返回顶部。


接下来在选项中选择要固定它的位置,返回顶部按钮通常放置在屏幕的右下方。我的意见是可以选在页面2/3或者以下的位置,可以在水平,垂直位移中调整具体位置。


4.在所有页面显示按钮

同样地,右键点击按钮,在最后的一个选项中选择 在所有页面上显示 ,大功告成!接下来,访客会在所有网站的同样位置看到这个按钮,并且随时返回网站顶部。


PS

对于移动端网页,无需自己添加,可以在左侧工具中很方便的添加返回顶部按钮,这里就不赘述了,大家自行操作即可。

0 則留言

Comments


bottom of page