developer tip

ID 별 요소 오프셋으로 ScrollTop 실행

copycodes 2020. 12. 29. 07:22
반응형

ID 별 요소 오프셋으로 ScrollTop 실행


오프셋이 추가 된 특정 ID로 브라우저를 스크롤하도록 시도-

$('html, body').animate({scrollTop: $('#contact').offset().top}, 'slow');

내가해야 할 일은 오프셋을 -100px로 설정하는 것입니다. 어떻게하면 되나요?


마법이 필요하지 않고 요소의 오프셋 상단에서 빼기 만하면됩니다.

$('html, body').animate({scrollTop: $('#contact').offset().top -100 }, 'slow');

var top = ($(".apps_intro_wrapper_inner").offset() || { "top": NaN }).top;   
if (!isNaN(top)) {
$("#app_scroler").click(function () {   
$('html, body').animate({
            scrollTop: top
        }, 100);
    });
}

이처럼 상단에 값을 추가하는 특정 div에서 약간 위 또는 아래로 스크롤하려면 800을 추가하는 것처럼

var top = ($(".apps_intro_wrapper_inner").offset() || { "top": NaN }).top + 800;

참조 URL : https://stackoverflow.com/questions/9618997/run-scrolltop-with-offset-of-element-by-id

반응형