首页 > 教程 >
织梦模板实现快速返回页面顶部或指定位置
2023-03-01教程围观次
简介dedecms织梦模板制作其实有许多时候都要用到js,比如我们今天想要说的这个功能——点击按钮返回页面顶部以及标签切换特效,都是要用到简单的js语句,下面让我们一起研究一下吧首先看一下这句代码:这里使用了一个函数scroll(x,y),很明显,scroll(0,0)就是滚动到页面最顶部。这是点击按钮返回页面顶部,那么,如果我想点击一个链接跳转到某一个指定位置,该怎么做呢?这个也很简单,看这个:首先
dedecms织梦模板制作其实有许多时候都要用到js,比如我们今天想要说的这个功能
——点击按钮返回页面顶部以及标签切换特效,都是要用到简单的js语句,下面让我们一起研究一下吧
——点击按钮返回页面顶部以及标签切换特效,都是要用到简单的js语句,下面让我们一起研究一下吧
首先看一下这句代码:<a href=" :scroll(0,0)" ="返回顶部"></a>
这里使用了一个函数scroll(x,y),很明显,scroll(0,0)就是滚动到页面最顶部。
这是点击按钮返回页面顶部,那么,如果我想点击一个链接跳转到某一个指定位置,该怎么做呢?这个也很简单,看这个:
首先,选择好要调跳到的位置,为这个容器定义一个id,比如<a id= "#here ">第三章</a>
然后,把被点击的链接的href设置成这个id的名字,比如<a href= "#end " ="第三章"> 跳转到第三章</a>
这样的,点击第二个链接,就会调到<a id= "#here ">第三章</a>标签所在位置。
好了,明白了这些,网页中一些简单的js跳转就不在话下了。所以通过这样的讲解就能很好的让我们了解在dede织梦模板中有些小小的奥秘。
下载链接:网站源码/小程序源码/网站模板下载
下载排行
- WordPress主题 JustNews5.2.2 + QAPress问答插件适合源码站虚拟资源站个人博客
- 最新去水印小程序源码分享/无需后台/对接接口/支持全网去水印功能
- 知识付费小程序源码升级版知识付费变现小程序源码+卡密-独立后台版本
- 自带多平台解析接口短视频去水印图集水印小程序源码下载
- ThinkPHP高仿蓝奏云网盘系统源码/对接易支付系统程序
- TooNaughty网址导航主题/WordPress主题下载
- 某鱼最近卖的很火蓝色版微信去水印小程序源码+接口
- 起点导航系统源码最新V2.6开源可运营版
- 最新短视频去水印小程序源码/带流量主/外卖CPS系统/批量解析/修改MD5
- 新版多功能去水印工具微信小程序源码下载+带流量主功能