5月小bug

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

猜你喜欢

转载自blog.csdn.net/dream0129/article/details/80433730