您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程

织梦模板怎么实现快速返回页面顶部或指定位置的方法

雁卉2023-10-05DedeCMS教程已有人查阅

导读dede织梦模板制作其实有许多时候都要用到js，比如我们今天想要说的这个功能——点击按钮返回页面顶部以及标签切换高效，都是要用到简单的js语句

dede织梦模板制作其实有许多时候都要用到js，比如我们今天想要说的这个功能——点击按钮返回页面顶部以及标签切换高效，都是要用到简单的js语句，下面让我们一起研究一下吧
首先看一下这句代码：

<a href="javascript:scroll(0,0)" title="返回顶部"></a>

这里使用了一个函数scroll（x,y），很明显，scroll（0,0）就是滚动到页面最顶部。
这是点击按钮返回页面顶部，那么，如果我想点击一个链接跳转到某一个指定位置，该怎么做呢？这个也很简单，看这个：
首先，选择好要调跳到的位置，为这个容器定义一个id，比如

<a id= "#here ">第三章</a>

然后，把被点击的链接的href设置成这个id的名字，比如

<a href= "#end " title="第三章"> 跳转到第三章</a>

这样的，点击第二个链接，就会调到

<a id= "#here ">第三章</a>

标签所在位置。
好了，明白了这些，网页中一些简单的js跳转就不在话下了。所以通过这样的讲解就能很好的让我们了解在dede织梦模板中有些小小的奥秘，呵呵。

本文标签：

很赞哦！ ()

上一篇：dedecms织梦网站怎么优化，织梦SEO优化方法技巧与注意事项

下一篇：织梦dedecms文章类的调用标签代码实例

图文教程

相关源码

(自适应响应式)高端简繁双语HTML5金融资本咨询单页pbootcms模板采用响应式设计确保在各类手机端设备很好的呈现。该模板专注于金融咨询、资本管理等领域企业形象展示，通过结构化布局突出行业专业度与可信度，后台数据同步管理简化内容维护流程。查看源码
(自适应)个人图集图片相册画册pbootcms网站模板源码本模板基于PbootCMS系统开发，为图片展示类网站设计，特别适合个人作品集、摄影画册、艺术图集等内容展示。采用响应式布局技术，确保各类图片在不同设备上查看源码
(PC+WAP)蓝色钢结构机械五金工程建筑基建营销型pbootcms模板下载于PbootCMS开发的钢结构与工程机械专用模板，助力企业构建专业级产品展示平台；模板内置工程案例展示、产品参数对照表等专业模块，预设项目进度、施工方案等建筑行业专属栏目查看源码
帝国cms题库问答学习平台模板知识付费网站源码+数据采集为教育机构、培训平台及在线学习场景设计，提供完整的题库管理与问答服务解决方案。支持多种题型展示与答案查询，满足不同层次的学习需求。查看源码
(自适应)蓄电池能源智能数码科技产品pbootcms模板源码下载本款基于PbootCMS开发的网站模板为蓄电池及能源科技企业设计，特别适合锂电池、储能系统、新能源电池等产品的展示与推广。查看源码
(自适应)pbootcms家政服务保洁保姆打扫卫生网站模板下载本模板基于PbootCMS内核开发，为家政服务企业量身定制。设计风格温馨亲切，突出家政行业的专业与贴心服务特性，多方位展示企业服务项目与优势。查看源码