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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • java锁cas(java锁的实现原理)

    一、Java锁1.常见的锁有synchronized和Lock()①synchronized是jvm层面实现的,可以直接用,不过要锁住某个对象;lock是属于j.u.c包下的接口,用的时候要实现lock接口。②synchronized一般和wait()、notify()、notifyAll()一起使用,使用完不用释放锁;lock必须在finally里面手动释放。@lock锁与s…

    2022年4月15日
  • Android ListView几种Adapter用法简介「建议收藏」

    Android ListView几种Adapter用法简介「建议收藏」ArrayAdapter适合非常简单的数据显示,很方便,很简单。SimpleAdapter可以自定义Item布局,用于显示交简单的布局及控件,但布局内的控件如按钮等无法获取到焦点,当然也就无法获取到他们的点击事件。SimpleCursorAdapter与SimpleAdapter相似,只是他的数据源是Cursor类型而已。BaseAdpter子类最常用的ListView数据适配器,通过继承BaseAdpter可以较灵活的实现数据的绑定,同时通过使用View

    2022年7月22日
  • Java多线程系列—线程通信机制wait notify notifyAll(03)

    Java多线程系列—线程通信机制wait notify notifyAll(03)线程通信机制waitnotifynotifyAll本课时我们主要学习wait/notify/notifyAll方法的使用注意事项。我们主要从三个问题入手:为什么wait方法必须在synchronized保护的同步代码中使用?为什么wait/notify/notifyAll被定义在Object类中,而sleep定义在Thread类中?wait/notify和sleep方法的异同?wait必须在synchronized保护的同步代码中使用为什么wai

    2022年9月8日
  • Android代码混淆失败

    Android代码混淆失败Readinginput… Readingprogramjar[/data/rdm/projects/7060/bin/proguard/original.jar] Readingprogramjar[/data/rdm/projects/7060/libs/android-support-v4.jar] Readinglibraryjar[/data/rdm/

    2022年5月29日
  • openstack Migration[通俗易懂]

    openstack Migration[通俗易懂]ConfiguringMigrationsMigrationallowsanadministratortomoveavirtualmachineinstancefromonecomputehosttoanother. Thisfeatureisusefulwhenacomputehostrequiresmaintenance. Mi

    2022年10月28日
  • linux系统安装yarn,centos安装yarn

    linux系统安装yarn,centos安装yarnYarn是一个用于node.js应用程序的高级包管理软件。它是任意一个其他Nodejs包管理器的快速、安全和可靠的替代方案,比npm更好的解决包依赖问题。本篇文章介绍在CentOS,Redhat和Fedora系统上安装Yarn的方法。1、使用NPM安装YarnYarn组件可与NPM一起安装。只需运行以下命令即可全局安装Yarn。另外,没有-g,就是仅为当前项目安装。$sudonpminsta…

    2022年5月26日

发表回复

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

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