HTML实现点击阅读导航,跳转到页面这个内容的开始部分。

1.相信大家上网的时候可能都用过点击一个页面的导航里的内容,然后页面会直接上下拖动到我们想看的文章的开始地方。那么这样的效果是怎么实现的,今天饿哦就和大家一起来分享。

2.第一我们要跳转到指定内容,那么我们旧的在这个内容的开始设置一个锚点。锚点的作用就是当我们点击鼠标的时候,他会自动找到我们设置的这个锚点,然后自动跳转到锚点位置,实现点击跳转到页面制定内容。

首先我们要在你设置的标签中使用id

比如:<h2 id="lovo">百科全书</h2>

那么现在这个id就是我们设置在h2标签里面的锚点。

然后 。我们在页面中导航的位置使用a标签

比如:<a herf="#lovo">跳转到百科全书</a>

那么现在我们使用连接的方式找到了锚点lovo,那么当我们点击a标签的时候,系统会自动找我们设置好的锚点并且实现跳转到指定内容的效果。

原文地址:https://www.cnblogs.com/dmiao/p/9465383.html

时间: 2024-11-07 21:44:21

HTML实现点击阅读导航,跳转到页面这个内容的开始部分。的相关文章

js点击button按钮跳转到页面代码

www.111cn.net 编辑:smoke 来源:转载 在网页中button按钮不具备a标签的属性了,如果我们要给button 按钮增加跳转事件我们可以在它的确onclick事件上点击跳转js来实现,下面我来给大家介绍一些常用的方法. 点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢? 这样的效果可以:onclick="window.location=’新页面’" 来实现.

使用selenium+python;在页面A点击一个按钮跳转到页面B,页面A没有关闭,浏览器打开了一个B,切换窗口定位页面B的元素

转自:http://blog.csdn.net/hhabc123456789/article/details/21862139 # -*- coding:cp936 -*-__author__ = 'Administrator' import unittest,time,refrom selenium import webdriver class Untitled(unittest.TestCase):    def setUp(self):        self.driver = webdr

点击超链接不跳转的方式

1.<a href="####" ></a>或<a href="#all"></a> 2.<a href="javascript:void(0)"></a> 3.<a href="javascript:void(null)"></a> 4.<a href="javascript:;"></a&g

【安卓开发】点击按钮实现跳转

昨晚第三次实习课上完了,老师讲了好多内容,初学者表示听的一头雾水,老师上课把功能实现行云流水般过了一遍,到自己敲代码的时候满脑子空白,眼疾手拙. 于是乎好不容易才折腾出点击按钮实现页面跳转的小小功能! 假如有两个布局页面,gg.xml和jj.xml,gg里面有一个button,要实现点击gg的button跳转到jj页面就要首先MainActivity关联gg,然后给gg里面的button添加点击事件,最后在ActivityTwo中关联上jj就好了.最后还要在AnroidManifest.xml文

解决TabActivity中子页面不通过导航跳转到另一个页面的问题

问题:当你的导航在TabActivity中 而子页面的一个按钮需要切换到其中的某一个导航页面 转载请注明出处:http://blog.csdn.net/x605940745 demo下载地址:http://download.csdn.net/detail/x605940745/7353695 package com.example.shows; import android.app.TabActivity; import android.content.BroadcastReceiver; im

iOS 开发之 点击tabbarItem添加是否跳转登录页面判断

iOS 开发之 点击tabbarItem添加是否跳转登录页面判断 项目里面在点击tabbarItem的时候需要判断是否是登录状态,如果未登录直接跳转登录页面,如果已登录则直接进入. 首先设置UITabBarController的代理为appdelegate如下:myTabBar.delegate = self; 然后在interface后面写上代理<UITabBarControllerDelegate> 实现代理里面的- (BOOL)tabBarController:(UITabBarCont

解决TabActivity中子页面不通过导航跳转到还有一个页面的问题

问题:当你的导航在TabActivity中 而子页面的一个button须要切换到当中的某一个导航页面 转载请注明出处:http://blog.csdn.net/x605940745 demo下载地址:http://download.csdn.net/detail/x605940745/7353695 package com.example.shows; import android.app.TabActivity; import android.content.BroadcastReceiver

html锚点 点击跳转到页面指定位置

本来是在看阮大神写的ajax教程,突然发现点击目录文字会跳转到相对应的文本内容,于是乎激发了我的兴趣. 这个究竟怎么做的,刚开始看的时候一知半解,找度娘就是:"点击跳转到页面指定位置",找了下,原来专业术语叫:锚点. 度娘真是个博大精深的地方,有着多种的方法可以使用. 最简单的一种: 设置a标签的锚点就行啦,但是有个确定链接会更改,不利于刷新 <div class="skip" id="skip"> <h2>目录</

点击超链接不跳转,不刷新页面

本文转载自:http://heisetoufa.iteye.com/blog/1766957 让超链接点击后不跳转,可以用href = "#",但是这个#就会锚点到页面最上边     点击链接后不跳转可以设置成     1.<a href="javascript:void(0);" >javascript:void(0);</a>     2.<a href="javascript:;" >javascript