异景网络,提供企业网站建设,SEO优化推广,网站开发等服务。 官方微信 官方博客 IDC网站
安阳网站建设官方微信

您的位置:网站首页 >学做网站>如何做网站推广

做网站-页面内锚点定位的几种方法

2017-12-15 14:10 来源:异景网络科技


1、锚点定位及跳转

这个比较简单,就是在<a>标签中的href属性指向DIV的具体ID即可。我们通过html代码来看一下。

这个方法,在鼠标点击后网址会有所变化,即网址后面会带上#div1这种后缀标识


2、通过Jquery 的animate方法来作页面滚动跳转。如以下代码:

注意:运行上面的脚本的之前,先将为锚点增加相应的id,同时去掉href属性。   

 $("html, body")可以替换为响应的div,如果不起作用,试着给该div增加overflow:scroll属性。


另外,脚本可以进一步优化,自己来试试

这样做的好处是:URL地址不会变,同时点击锚点时会自动响应scroll事件,不需要重新绑定。

缺点是:如果页面复杂的话,偏移值可能会发生变化需要算法辅助。


3、使用js的srollIntoView方法,直接用:

这种方法的好处,是URL不会变,同时能够响应相应的scroll事件,不需要算法什么的。


当然还可以使用在js事件中通过window.location.hash="divId"跳转,但地址也会发生变化,感觉跟第一种方法没区别,甚至更麻烦。



上一篇:建设网站制作 下一篇:做网站和推广

做网站-页面内锚点定位的几种方法相关文章

返回首页

HOME
关于我们

异景网络科技,致力于提供一站式企业网站建设服务,包括品牌及企业网站建设、河南做网站、 网站设计、郑州网站建设、安阳网站开发等。以精而专的态度和优质化的建站服务,成为知名网站建设公司。 行业发展积淀。经验丰富的设计团队、精准策划人员和完善的服务顾问,保障优高水准网站建设。

联系我们
郑州地址:中国·郑州市金水区金城国际6号楼
安阳地址:安阳文峰区东风路文峰旺角
客服热线:
腾讯 Q Q:874047918
电子邮箱:874047918@qq.com
扫描二维码
帮您解答建站问题
Copyright © 2010-2018 All Rights Reserved. 网站备案号:豫ICP备19017326号-4