반응형
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
반응형
'developer tip' 카테고리의 다른 글
JSF 페이지에서 EL 변수 정의 및 재사용 (0) | 2020.12.29 |
---|---|
저장소에 파일을 추가하는 힘내 (0) | 2020.12.29 |
nodejs의 배열에 항목을 추가하는 방법 (0) | 2020.12.29 |
Font Awesome 아이콘을 가로로 가운데 맞추는 방법은 무엇입니까? (0) | 2020.12.29 |
UICollectionView : nil이 아닌 레이아웃 매개 변수로 초기화되어야합니다. (0) | 2020.12.29 |