5월 버그

3026 단어
1. 하위 DIV 블록에 margin-top을 설정할 때 부모 DIV 블록의 위치에 영향을 주는 해결 방법
해결 방법1:
하위 DIV 블록에서margin-top을 사용하면 부모 DIV 블록에:overflow:hidden 추가;
해결 방법2:
하위 DIV 블록에서margin-top 대신 padding-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

좋은 웹페이지 즐겨찾기