如何在同一页面内实现指定位置跳转

今天刚学到的一个小知识点,分享一下

首先在“点击位置”的<a>标签内将href设置为href="#提供名字"

然后在要跳转到的位置的<a>标签内将name设置为上面href设置的名字,如name="提供名字"

称之为“锚点”。

以后学习到其他的方法,再补充。

时间: 05-25

如何在同一页面内实现指定位置跳转的相关文章

jQuery实现页面内锚点平滑跳转

平时我们做导航滚动到内容都是通过锚点来做,刷的一下就直接跳到内容了,没有一丝的滚动效果,而且 url 链接最后会有“小尾巴”,就像#keleyi,今天我就介绍一款 jquery 做的滚动的特效,既可以设置滚动速度,又可以在 url 链接上没有“小尾巴”. 效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/37.htm HTML文件代码: <!DOCTYPE html> <html> <head> <meta charset=

js 页面滚动到指定位置

项目中,本来想通过点击左侧列表让页面进行快速导航(根据 id="item" 和 a标签的 href 属性[<a href="#item"></a>]),不过滚动后的页面一直是顶在浏览器页面顶部的,不符合项目需求,所以就通过 js 代码让页面进行指定位置滚动,代码如下: $(".left_nav>ul>li").click(function () { var n = parseInt($(this)[0].id)

页面滚到到指定位置,元素的绝对定位和相对定位的自由转换

var $goTop = $("#goTop"); //需要操作的对象 $(window).scroll(function(){ var scrollHeight = $(window).scrollTop();//这个方法是当前滚动条滚动的距离 var height = $("body").height() - scrollHeight - $(window).height() + $goTop.height();//整个页面的高度-滚动条的高度-当前窗口的高度

页面滚动到指定位置

在chrome中使用body滚动: $("body").animate({"scrollTop":200},600) 但是在firefox中却要使用html: $("html").animate({"scrollTop":200},600) 综合一下,这样就都可以滚动了(其他浏览器也没问题): $("html,body").animate({"scrollTop":200},600)

监听页面滚动及滚动到指定位置

两种监听页面滚动的方法 一.原生js通过window.onscroll监听window.onscroll = function() {//为了保证兼容性,这里取两个值,哪个有值取哪一个//scrollTop就是触发滚轮事件时滚轮的高度var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;console.log("滚动距离" + scrollTop);} 二.Jquery通过$(wind

用JS将页面定位到某个位置(DIV)

使用Javascript自动将页面滚动到指定位置 下面我们就来讲解一下如何使用Javascript自动将页面滚动到指定位置. 指定需要滚动的位置 这一步很简单,就是需要给滚动到指定位置的元素加上id属性,如下: 天一广场 使用Javascript自动将页面滚动到指定位置 脚本如下:  这就完成了我们的需求,经测试兼容所有主流浏览器. 我也查阅了网上的一些资料,有的朋友说还有如下方式实现: 我也对上面的方法进行了测试,发现使用javascript中的window.scrollBy()存在一个问题:

点击链接实现定位当前页面指定位置

点击链接实现定位当前页面指定位置:在很多网页都有这样的功能,点击一个链接会实现在当前页面的定位功能,实现此功能非常的简单,但是可能学者或者没有接触的朋友还不不了解,下面就对此做一下简单的介绍. <a href="#jump">蚂蚁部落</a> <p id="jump">只有努力才有美好的明天.</p> 以上代码是进行了压缩,将链接的href属性值设置为#+指定元素的id属性值,就可以使它们建立起 相互关系,这样点击链接

如何跳转到另一个页面的指定位置

如何跳转到另一个页面的指定位置:在同一个页面中,点击一个地方跳转到指定的位置这个很简单,就是使用的锚点,例如: <a href="#thediv">蚂蚁部落</a> 以上代码,当点击a元素的时候能够跳转到id属性值为thediv的元素.上面介绍的是在同一个页面的情况,如果是不同的页面当然也是可以进行这样的定位的,只要在前面加上链接即可: <a href="mytest.aspx#thediv">蚂蚁部落</a> 以上代

跳转页面定位到指定的位置(转)

跳转页面定位到指定的位置 明天要回家了,今天也没啥事做.就分享下做过的一个小需求,还有很多朋友问过我类似的问题,当时也是跟他们说说简单的思路,并没有分享.今天我就整理下吧. 需求是这样的A页面有的链接,跳转到B页面中.并且要根据A页面的链接不同定位的不同的内容区域.我贴个图你大概就理解了: A页面 B页面 当我点击A页面中3的链接的时候,就要跳转到B页面,并且定位到活动三内容区域: 这个都是一个简单的活动页面,当然你也可以很简单的实现,把B页面拆分成3个页面,分别对应A页面的3个不容的内容,但是