js锚点定位IE下锚点刷新失效及JQuery下的解决

window.location.hash='#comment';

IE下锚点刷新失效及JQuery下的解决

【1】关于锚点刷新失效

锚点刷新失效就是指当按下刷新键F5时，即使此时URL的后面就随锚点，此锚点也是不起作用的。

【2】在Jquery中，不难实现。可以根据URL获取锚点，从而进一步获得对应锚点对象，然后再让页面的滚动高度为其距离页面

顶部的偏移值就可以了。使得页面无论是重新载入还是其刷新，其后面的锚点都起作用。

$(function() {

var url = window.location.toString();

var id = url.split('#')[1];

if (id) {

var t = $('#' + id).offset().top;

$(window).scrollTop(t);

}

})

举报/反馈

大梦荒古

1.1万获赞 118粉丝

三生有幸遇见你，纵使悲凉也是情

文化领域爱好者

关注