本来是在看阮大神写的ajax教程,突然发现点击目录文字会跳转到相对应的文本内容,于是乎激发了我的兴趣。 这个究竟怎么做的,刚开始看的时候一知半解,找度娘就是:“点击跳转到页面指定位置”,找了下,原来专业术语叫:锚点。 度娘真是个博大精深的地方,有着多种的方法可以使用。 最简单的一种: 设置 ...
今天做了一个简单的功能,页面往下滚动到一定位置,顶部出现一个浮动的导航栏,点击导航栏标签,下面页面跳转到相应的区域。回到顶部,导航栏隐藏。 因为顶部有一个浮动的导航栏,所以跳转到下面页面的时候,总是盖住一部分,顶部浮动DIV的高度占用。 最简单的解决办法就是给锚点加上个下面的样式: 示例代码如下: 也可以js实现页面滚动,代码如下: 注意一样名字的id只能有一个 ...
2019-09-25 16:26 0 514 推荐指数:
本来是在看阮大神写的ajax教程,突然发现点击目录文字会跳转到相对应的文本内容,于是乎激发了我的兴趣。 这个究竟怎么做的,刚开始看的时候一知半解,找度娘就是:“点击跳转到页面指定位置”,找了下,原来专业术语叫:锚点。 度娘真是个博大精深的地方,有着多种的方法可以使用。 最简单的一种: 设置 ...
很多网站都有这种功能,主要为了让用户在长篇大论中比较迅速的跳到自己想要看的内容处,比如bootstrap就有相应的功能。 介绍一种非常简便可以实现这种功能的方式。 思路:1.这里要用到点击事件,因为点击处可能数量较多,因此最好用事件代理来处理,可以提高性能。 2.当点击一个按钮时,能够获取 ...
...
比如我现在 a.html 的时候,我想跳转到 b.html ,并且是 b.html 的某一个位置,用 <a href=>, a.html里: b.html里加一个锚记: jQuery方法() (写在bhtml页面里面) ...
...
1.给链接a加个#的方式来实现跳转(锚点方法) 2.用animate属性,当点击锚点后,页面滚动到相应的DIV ...
今天在做angularJS项目过程中,遇见了一个需求,在一个页面中有多个表格,每个表格都有对应的分页,点击顶部对应的模块,可以定位到每个表格模块具体的位置。 页面如下所示: 在angular中,为了使url地址访问的时候更加方便,我们使用了html5mode方式,改变了url ...