当前位置:首页 > 日记 > 正文

jQuery通过加载获取文件内容并跳转到锚点的方式

jQuery通过加载获取文件内容并跳转到锚点的方式
本文演示了jQuery如何通过负载获取文件的内容,并跳转到锚点:

类似于帮助文档类型的页面已于昨天完成。左边的导航,和正确的显示的内容。原来,右边的内容显示区是通过iframe,但因为iframe自适应高度,有一种方法来改变它,使用加载方法在jQuery的Ajax。

直接使用jQuery的加载方法很容易在远程文件中获得内容:
$(#内容)。负荷(XXX .aspx)
这使得它很容易把xxx.aspx文件的内容在内容的ID标签。现在我想要达到的一个效果:当我得到该文件的内容,我想跳到对应的点,所以我认为用jQuery的scrollTop,例如,我把文件内容后,我想转移到标签ID =名字。
$(体、HTML)。动画({ scrollTop:$(#名称)。偏移()。顶});
(偏移)是在当前视口的相对偏移获得匹配的元素,$(#名称)(。偏移)。顶部的名称是把标签从当前视图顶部的相对偏移。上面的代码集成在一块,需要写。
$(函数(){())
$(#内容)。负荷(XXX .aspx
$(体、HTML)。动画({ scrollTop:$(#名称)。偏移()。顶});
});
})
为了避免点击服务器向服务器发送请求,我们可以存储您每次获取的数据。

当然,这种方法只适合不考虑SEO优化的页面使用。

希望本文能对大家的jQuery程序设计有所帮助。

相关文章

复制谐波属性和清除谐波图的CDR软

复制谐波属性和清除谐波图的CDR软

属性,清除,谐波,电脑软件,CDR,下面的教程是向朋友介绍CDR软件,以复制和调和属性和消除和解方法。本教程是比较基础的,非常适合初学者学习。推荐朋友一起学习。 CorelDRAW软件教程 CorelDRAW软件 交互式协调工具的使用(协调工具) 画一个图形,…

PHP两种快速排序算法的一个实例

PHP两种快速排序算法的一个实例

快速排序算法,两种,实例,电脑软件,PHP,虽然PHP Web应用程序开发这样的,我们不是在排序的重要性的过分强调,因为PHP本身带来的(如排序)这样强大的排序功能,但在一些重要的场合,如一些高并发的情况下,我想影响的排序算法是不可忽视的。所以我们介绍…

用ps绘制半透明苹果标志

用ps绘制半透明苹果标志

绘制,半透明,标志,电脑软件,ps,本教程介绍了用PS.制作半透明苹果罗的方法,教程比较简单,制作过程也很详细。感兴趣的朋友,快学。 在本教程中学习PS的朋友如何用苹果画一个半透明的符号PS,渲染效果非常漂亮,课程难度一般,制作方法比较详细,非常适合…

AI做超级简单的logo教程

AI做超级简单的logo教程

教程,简单,电脑软件,AI,logo,本教程是介绍给朋友的,利用ai做了超简单的符号方法。本教程是比较基础的,非常适合初学者学习。主要的练习是AI的钢笔工具。建议过来,希望能帮助你。 这次我们将学习人工智能创建一个超简单的符号方法。本教程是初…

ps需要花一分钟时间快速制作马赛克

ps需要花一分钟时间快速制作马赛克

背景,快速,时间,电脑软件,ps,马赛克的背景现在很少,大多是多边形背景,但有,会有太多的技能,我们应该学习更多的技能来提高明年的工资。 马赛克的背景现在很少,大多是多边形背景,但有,会有太多的技能,我们应该学习更多的技能来提高明年的薪水。 1,新…

jQuery不使用插件和SWF来上传刷新

jQuery不使用插件和SWF来上传刷新

刷新,插件,上传,文件,电脑软件,文件上传是网站的一个常用功能,如附件或图片上传功能。有许多解决方案。今天我们介绍一种不用jQuery刷新的文件上传方式。 首先,我们在页面中添加一个表单来上传文件: 复制代码代码如下所示: enctype =多部…

烟花画逼真的立体金属球

烟花画逼真的立体金属球

逼真,烟花,电脑软件,本教程向您展示了使用烟花来绘制逼真的立体金属球。金属球画得很真实,教程也不难,只要你有一点耐心,你就可以做,好吧,推荐给你,希望对你有帮助。 本教程向您展示了使用烟花来绘制逼真的立体金属球。金属球的绘制是非常真实的…

奇幻风格的PS图象处理软件化妆品促

奇幻风格的PS图象处理软件化妆品促

促销,图象,处理软件,奇幻,海报,笔者提出了制作海报的一个很好的思路:第一,上网搜集一些好材料作为参考,然后选择材料,确定好的构思和构图,后期添加素材,修改细节,调整色彩等。 笔者提出了制作海报的一个很好的思路:第一,上网收集一些好的材料作为参…

森林公园秋季美女组合

森林公园秋季美女组合

组合,森林公园,秋季,美女,电脑软件,这本书是一个朋友介绍给PS创意合成的秋天森林公园,美丽的水地图,效果很好的教程,音调也很不错,教程的难度也不是很大,推荐给喜欢的朋友可以跟着教程一起学习。 本教程是介绍PS创意美在秋天秋天森林公园的美的…

PHP实现UTF-8Unicode功能共享

PHP实现UTF-8Unicode功能共享

功能,电脑软件,PHP,UTF,Unicode,代码很简单,功能很实用,推荐给大家。 先附上代码: 复制代码代码如下所示: 公共功能utf8_unicode($str){ $ =数组(); 值=数组(); 寻找= 1美元; 为($我= 0;$i 以美元为ORD($str {我}); 如果($以 排除 / / 0-9 如果(以…

在PHP中使用FCKeditor(添加改性是作

在PHP中使用FCKeditor(添加改性是作

作为一个,功能,电脑软件,PHP,FCKeditor,复制代码代码如下所示: 功能createeditor(美元美元美元,ID,URL){ #调用FCKeditor和填补出版形式,行为= 0:发表新文章= 1修改文章 包括(编辑 / FCKeditor。PHP); / / FCKeditor一直存放在这个目录 oeditor美元=…

解决了nvarchar字段的长度当nvarch

解决了nvarchar字段的长度当nvarch

字段,连接,连接到,长度,解决了,本文阐述了nvarchar字段长度解决当nvarchar场截断为255当MSSQL连接到连接。分享给你供你参考。具体分析如下: PHP连接MSSQL新手经常遇到这样的问题:nvarchar数据字段在数据库内一切正常,但随着PHP查询却发现只…