我在网页中加入了一个iframe,iframe页中有一个锚点设置“#top",当我点击锚点连接时,却把iframe的顶端与浏览器顶端对齐了,而不是将iframe的内容顶端与iframe的顶端对器
问题解决:
上述问题只出现在IE个版本浏览器的iframe中的锚点点击的情况,iframe位置会与浏览器顶部对齐,导致父页面定位错乱。
解决方案很简单,给锚点点击跳转时,绑定一个平滑滚动事件就可以了:
$(".anchor").click(function(){ var href = $(this).attr("href"); var pos = $(href).offset().top; $("html,body").animate({scrollTop: pos}, 1000); return false; });如果锚点已经写好或太多不方便再加class的话,可以用JQ的属性正则选择器解决
$("a[href^=#]").click(function(){ //选择href以#开头的A标签,即锚点咯 })