首页 / 知识
怎么点击跳转到页面指定位置
2023-04-11 13:49:00

最简单的一种:
设置a标签的锚点就行啦,但是有个确定链接会更改,不利于刷新
<div class="skip" id="skip">
<h2>目录</h2>
<ul>
<li>
<a href="#toc0" class="aaa">点击文字跳转</a>
<!--herf的值一定要带#号,并且要和相对应要跳转的值一致-->
</li>
</ul>
<div class="chapter" style="margin-top: 850px;">
<a name="toc0" class="aaa1">文字跳转到这里</a>
<!--这里的a标签可以用name也可以用id-->
<p>心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假
心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假</p>
</div>
</div>
第二种方法是根据animate的方法来移动
animate(params, [duration], [easing], [callback])
创建自定义动画,注意:所有指定的属性必须用骆驼形式,比如用marginLeft代替margin-left.
例子:
// 在一个动画中同时应用三种类型的效果
$("#go")。click(function(){
$("#block")。animate({
width: "90%",
height: "100%",
fontSize: "10em", //驼峰
borderWidth: 10
}, 1000 );
});
将上面的html中的a标签去掉#toc0
js代码
$(".aaa")。click(function () {
$('html,body')。animate({
scrollTop:$(".aaa1")。offset()。top},{duration:500,easing:'swing'});
return false;
})
以上总结的两种是常用且兼容比较好的,较为简单的
|
最新内容
相关内容
python怎么显示日期
python怎么显示日期,时间,单位,管理,培训,浮点,标准,项目,日期,格式,时钟,Python程序能用很多方式处理日期和时间,转换日期格式是一个常见的功python一个数的平方怎么表示
python一个数的平方怎么表示,培训,平方根,个数,函数,模块,表示,方法,表达式,实例,下面,用python进行数学计算,可以使用python内置的函数模块,下python怎么调用类方法
python怎么调用类方法,培训,方法,实例,静态,定义,参数,属性,对象,关键字,以上,python中的类用来描述具有相同的属性和方法的对象的集合。它定pythonprint函数不要换行怎么写
pythonprint函数不要换行怎么写,培训,灵活,函数,对象,参数,文件,空格,结尾,字符,下面,从语法上讲,调用python3.0的print函数有如下的形式:printpythonfor循环语句怎么写
pythonfor循环语句怎么写,数据,培训,项目,语句,循环体,实例,教程,时会,字符串,序列,pythonfor循环可以遍历任何序列的项目,如一个列表或者一个python如何求一个数的平方
python如何求一个数的平方,培训,平方根,个数,整数,函数,模块,方法,小数,表达式,数值,用python进行数学计算,可以使用python内置的函数模块,下面python立方怎么表示
python立方怎么表示,培训,代码,数字,表示,次方,立方,余数,符号,当中,区别,python可以直接运算数字,也可以加print进行运算。>>>1+12>>>2-11>>>python怎么写多行代码
python怎么写多行代码,代码,培训,情况,示例,字符串,斜杠,方法,行书,括号,有用,在写代码过程中,经常遇到一行代码很长的情况。为了让代码显得整python怎么输出换行
python怎么输出换行,培训,工作,结果,方法,两个,引号,当中,同行,以上,需求,python在我们常用的print()方法进行输出时,通常输出结果是整行显示python怎么判断不等于
python怎么判断不等于,地址,时间,代码,培训,系统,位置,变量,对象,两个,内存,比较运算符,也成关系运算符,用于对常量、变量或表达式的结果进行大python哪个版本是免费的
python哪个版本是免费的,培训,发行,通用,项目,设计,版本,以上,语言,计算机,构架,python是免费的,也就是开源的。目前市面上主流的版本有pythonpython判断字符串是否为小数的方法
python判断字符串是否为小数的方法,培训,代码,合法,小数点,小数,整数,字符串,方法,右边,左边,python想判断一个字符串是不是一个合法的小数,但