// 상품 디테일뷰 탭메뉴 클릭시 이동
$(".goods-detailview-tab__menu-1").click(function () {
var position = $(".goods-detailview-info").offset();
$("html").stop().animate({ scrollTop: position.top }, 500);
});
$(".goods-detailview-tab__menu-2").click(function () {
var position = $(".goods-detilview-delivery").offset();
$("html").stop().animate({ scrollTop: position.top }, 500);
});
$(".goods-detailview-tab__menu-3").click(function () {
var position = $(".goods-detilview-related").offset();
$("html").stop().animate({ scrollTop: position.top }, 500);
});https://appsnuri.tistory.com/411
jQuery - 페이지 내의 특정 위치로 스크롤을 이동시키기
jQuery - 페이지 내의 특정 위치로 스크롤을 이동시키기 버튼을 누르거나 링크를 누르면 같은 페이지 내의 특정 위치로 스크롤을 이동시킬 수 있다. jQuery의 offset() 메서드를 이용해서 태그의 위치�
appsnuri.tistory.com
[jQuery] 원페이지 -메뉴 클릭 시 해당영역으로 위치이동 (05/22)
[jQuery] 원페이지 -메뉴 클릭 시 해당역역으로 위치이동 (05/22)졸업작품 준비하느라 너무 바빠서 오랜만...
blog.naver.com
// 상품 디테일뷰 탭메뉴 클릭시 이동
$(".goods-detailview-tab__menu-1").click(function () {
var position = $(".goods-detailview-info").offset();
$("html").stop().animate({ scrollTop: position.top }, 500);
$(".goods-detailview-tab ul li").removeClass("bgc-black");
$(".goods-detailview-tab ul li").removeClass("ftc-white");
$(this).addClass("bgc-black");
$(this).addClass("ftc-white");
});
$(".goods-detailview-tab__menu-2").click(function () {
var position = $(".goods-detilview-delivery").offset();
$("html").stop().animate({ scrollTop: position.top }, 500);
$(".goods-detailview-tab ul li").removeClass("bgc-black");
$(".goods-detailview-tab ul li").removeClass("ftc-white");
$(this).addClass("bgc-black");
$(this).addClass("ftc-white");
});
$(".goods-detailview-tab__menu-3").click(function () {
var position = $(".goods-detilview-related").offset();
$("html").stop().animate({ scrollTop: position.top }, 500);
$(".goods-detailview-tab ul li").removeClass("bgc-black");
$(".goods-detailview-tab ul li").removeClass("ftc-white");
$(this).addClass("bgc-black");
$(this).addClass("ftc-white");
});