1、子DIV块中设置margin-top时影响父DIV块位置的解决办法
解决办法1:
若子DIV块中使用margin-top,则在父DIV块中添加:overflow:hidden;
解决办法2:
在子DIV块中用padding-top代替margin-top
2、点击带锚点的网址后,如何让网页位置向下偏移一小段距离
解决办法1:
我们给wrap_body
加上css
.wrap-body {
position: relative;
padding-top: 50px;
margin-top: -50px;
}
/*修复评论跳转定位问题*/
解决办法2:
使用javascript去调整scroll值
if (window.location.hash.indexOf('#') >= 0) {
$('html,body').animate({
scrollTop: ($(window.location.hash).offset().top - 50) + "px"
},
300);
}; //主要修复评论定位不准确BUG
$('#comments a[href^=#][href!=#]').click(function() {
var target = document.getElementById(this.hash.slice(1));
if (!target) return;
var targetOffset = $(target).offset().top - 50;
$('html,body').animate({
scrollTop: targetOffset
},
300);
return false;
}); //主要修复评论定位不准确BUG