72CAST 브로셔

모바일 비디오 이커머스 플랫폼 "72CAST" 서비스를 소개하기 위해 제작된 브로셔입니다.applrproject개발 · 법인사업자참여 기간2016.03. ~ 2016.03.참여율참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다. 외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.100%관련 기술PhotoshopIllustrator삭제수정

function scrollToTarget(target) {

var headerHeight = $("#navWrapper").outerHeight(true) - 2;

var el = document.getElementById($(target).data('target'));

var scrollContainer = $('#portfolio-detail-modal').length ? $('#portfolio-detail-modal') : $('html');

scrollContainer.animate({scrollTop: $(el).position().top - headerHeight}, 500);

}

function initHeader() {

if($('.link-wrapper li a').length > 1) {

const firstLink = $($('.link-wrapper li a')[0]);

firstLink.addClass('active');

$("#stepNav").css('--step-selector-width', firstLink.width() + 'px');

$("#stepNav").css('--step-selector-x', $("#stepNav").scrollLeft() + firstLink.position().left + 'px');

} else {

$('#guideSection').remove();

$('.header').addClass('title-underline');

}

}

$(document).ready(function() {

var stepNav = $("#stepNav");

var navWrapper = $("#navWrapper");

var $contentDivs = $(".portfolio-detail-content-box");

var guideSectionTop = $('#guideSection').position().top;

var currentContents;

var scrollContainer = $('#portfolio-detail-modal').length ? $('#portfolio-detail-modal') : $(window);

if($('.link-wrapper li a').length > 1) {

scrollContainer.on('scroll', function () {

if (guideSectionTop < scrollContainer.scrollTop()) {

$contentDivs.each(function () {

var $this = $(this);

var _thisOffset = $this.position();

var _actPosition = _thisOffset.top - scrollContainer.scrollTop() - navWrapper.outerHeight(true);

if (_actPosition < guideSectionTop && _actPosition + $this.height() > 0) {

var targetLink = $('#' + this.id + 'Anchor');

stepNav.css('--step-selector