您现在的位置是：首页 > 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文章类的调用标签代码实例

图文教程

相关源码

帝国CMS中小学生知识点试题练习题考试源码下载基于帝国CMS后台管理系统，支持在线修改联系信息、网站参数等配置，操作流程简洁明了。专注于中小学教育领域，集成知识点总结、试题练习、考试资讯等学习资源，为师生提供全面的在线学习支持与服务。查看源码
(PC+WAP)蓝色不锈钢簧线金属制品营销型pbootcms网站模板本模板基于PbootCMS内核开发，为不锈钢及金属制品企业量身打造。采用响应式设计，适配PC与移动设备，提供统一后台管理体验，数据实时同步更新。查看源码
(自适应)幽默笑话脑筋急转弯搞笑趣图博客pbootcms模板下载本模板基于PbootCMS系统开发，专为幽默笑话、搞笑趣图类网站设计。采用轻松活泼的布局风格，突出娱乐内容分享特色，适合各类笑话、段子、搞笑图片等内容展示。查看源码
(PC+WAP)生活资讯百科新闻门户类pbootcms网站模板为生活资讯、百科门户类企业打造的高性能网站模板，基于PbootCMS开源内核开发，采用HTML5响应式架构，PC与手机端实时数据同步，覆盖全终端用户浏览场景。查看源码
自适应LED照明外贸灯具灯泡灯具英文网站模板该外贸灯具网站模板专为LED照明、灯具出口企业定制，采用PbootCMS内核开发，提供高效建站方案。通过响应式设计和SEO优化能力，帮助企业低成本构建专业外贸展示平台。查看源码
快递物流公司pbootcms网站模板html响应式自适应源码下载基于HTML5+CSS3前沿技术开发，实现PC、平板、手机多端自适应。采用弹性布局与媒体查询技术，确保不同设备均有流畅视觉体验，企业形象统一。查看源码