HTML中的定位(php跳转到指定网页)

1、通过地址定位:先页面定位位置:<aname=”name”/>然后通过js地址跳转:location.href=”#name”;或直接点击的html<ahref=”#name”>2、基于H5标准语法跳转先页面定位位置:<aid=”name”/>document.querySelector(“#name”).sc…

大家好,又见面了,我是你们的朋友全栈君。

1、通过地址定位:

先页面定位位置:<a name=”name” />

然后通过js地址跳转:location.href = “#name”;   或 直接点击的html <a href=”#name”>

 

2、基于H5标准语法跳转

先页面定位位置:<a id=”name” />

document.querySelector(“#name”).scrollIntoView();

 

3、基于jquery动画的跳转(可做滚动阅读)

先页面定位位置:<a id=”name” />

 $(“html,body”).animate({scrollTop: $(“#name”).offset().top}, 500);

 

4、基于jquery结合H5标准跳转

先页面定位位置:<a id=”name” />

$(“#name”)[0].scrollIntoView();

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/129645.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • android listview去掉分割线

    android listview去掉分割线1》设置android:divider=”@null”2》android:divider=”#00000000″#00000000后面两个零表示透明3》.setDividerHeight(0)高度设为0

    2022年7月22日
    9
  • 区块链技术开发入门书籍_区块链小白入门

    区块链技术开发入门书籍_区块链小白入门本文将对区块链开发使用的技术、工具、语言、平台做一次全景扫描,并对其应用状况进行分类。新工具不仅提升效率,还可为前人所不能。作为活跃开发领域之一,区块链新技术、工具、平台、语言与框架层出不穷,然而面

    2022年8月6日
    7
  • 集合基数[通俗易懂]

    集合基数[通俗易懂]通俗的说,集合的势是量度集合所含元素多少的量。集合的势越大,所含的元素越多。定理9.1设A,B,C是任意集合,(1)A≈A。(2)若A≈B,则B≈A。(3)若A≈B,B≈C,则A≈C。定义9.2(1)设A,B是集合,如果存在从A到B的单射函数,就称B优势于A,记作A·B。如果B不是优势于A,则记作A·B。(2)设A,B是集合,若A·B且AB,则称B真优势于A,记作A·B。如果B不是真优势于A,则记作A·B。关于DiscreteMathematics更多讨论与交流,敬请关注本博客和新浪微博s

    2022年6月25日
    51
  • window10 安装_自己安装windows10

    window10 安装_自己安装windows10AppFabric简介WindowsServerAppFabric扩展了WindowsServer以为Web应用程序和中间层服务提供增强的托管、管理和缓存功能。AppFabric托管功能向Internet信息服务(IIS)、WindowsProcessActivationService(WAS)和.NETFramework4添加了服务管理扩展。其中包

    2022年10月17日
    0
  • vim中对文本的选择

    vim中对文本的选择

    2021年12月2日
    33
  • Java数组

    Java数组12.Java数组一、什么是数组数组可以理解成一个包含相同类型的有序数字集合也称储存一组数据的空间数组属于引用数据类型int[]a={1,2,3,4,5};集合内的数据称为元素

    2022年7月4日
    15

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号