天悦注册
天悦注册
新闻分类
 
 
当前位置
内容详情
首页、腾耀3注册、首页
作者:admin    发布于:2020-05-02 12:30  

  天悦在我们浏览网页的时候,你会发现,比较长的网页一般都会有返回顶部按钮,这样大大的提高了客户体验度,那么返回顶部功能如何实现呢?下面跟着小编一起来学习下吧!

  新建一个html5文件,写入html5标准代码,代码如下图所示。

首页、腾耀3注册、首页

  我们为网页填充简单的内容,新建层,并设置层的相关样式。

  用浏览器打开网页,我们就看到了一个模拟长网页的显示效果。

  定义一个返回顶部的按钮,将其固定在网页右下方,按钮为a标签,样式代码如下。

  网页显示效果如下图所示,我们就完成了返回顶部按钮设置,接下来我们编写其功能!

  在页面顶部新建一个div层,将其id设置成“top”,将“a”标签的跳转地址设置成“#top”,当我们点击a标签的时候,就会跳转到“id=top”的位置,这样我们就完成了返回顶部功能的实现。

  以上就是网页返回顶部的实现方法,非常简单,你学会了?

  只有签约作者及以上等级才可发有得如何加入回享?你还可以输入1000字

  如对这篇经验有疑问,可反馈给作者,经验作者会尽力为您解决!

 
 
天悦注册

Copyright © 2002-2017 天悦娱乐 版权所有 txt地图 HTML地图 xml地图