Skip to content
On this page

제이쿼리 쇼핑몰 심쿵할인 탭버튼 구현

쇼핑몰에서 심쿵 할인에보면 상세페이지에서 탭버튼 똑같이 구현했다!!

일단 맞는지는 모르겠지만.. 이걸로 대처 했다.

js
$('a[href*="#"]:not([href="#"])').click(function(event) {

    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {

        $('#dtabmenu li').removeClass('selected');
        $(".detail_tab_content .detail_content").removeClass('selected');

        $(this).parent().addClass('selected');
        $(this.hash).addClass('selected');

        var tabmenuHeight = $('.detail_tabmenu').height() + 52;

        var target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');

        var offset = $(target).offset().top;
        $('html, body').animate({scrollTop : offset - tabmenuHeight}, 400);

        return false;
    }
});