$(function(){ /* scroll */ var $animation_elements = $('.ani'); var $window = $(window); function check_if_in_view() { var window_height = $window.height(); var window_top_position = $window.scrollTop(); var window_bottom_position = (window_top_position + window_height); $.each($animation_elements, function() { var $element = $(this); var element_height = $element.outerHeight(); var element_top_position = $element.offset().top+200; var element_bottom_position = (element_top_position + element_height); //console.log(element_top_position); //check to see if this current container is within viewport if ((element_bottom_position >= window_top_position) && (element_top_position <= window_bottom_position)) { $element.addClass('in-view'); } else { //$element.removeClass('in-view'); } }); } $window.on('scroll resize', check_if_in_view); $window.trigger('scroll'); $(window).load(function(){ // $(".bxslide").bxSlider({ // mode: 'horizontal', //horizontal, vertical, fade // pause:5000, //멈춤 대기 // speed: 1000, // 이동 속도 // auto: true, // infiniteLoop: true, // controls: true, // 이전 다음 // pager: true, //페이지 버튼 // //prevSelector: '#prev', // //nextSelector: '#next', // prevText: "", // nextText: "", // //슬라이더 콜백 함수 (기본 옵션) // //버튼 눌렀을때 멈추는 현상을 다시 실행시킴 // }); }); var movie = ''; $(".play_btn").click(function(){ var vt = $(".media").offset().top; $(".section02 .video").css({"display": "block", "top": "113px"}); $(".video_pop").prepend(movie); $("#bg").fadeIn(); }); $(".pop_close").click(function(){ $(".section02 .video").hide(); $(".video_pop").empty(); $("#bg").fadeOut(); }); });