105 lines
3.7 KiB
HTML
105 lines
3.7 KiB
HTML
<div class="footer_inner">
|
|
<nav class="nav"></nav>
|
|
<div class="family_wrap">
|
|
<div class="family_btn"><span>Family Site</span><i></i></div>
|
|
<ul class="family_list">
|
|
<li><a href="http://www.hanmaceng.co.kr" target="_blank">한맥기술</a></li>
|
|
<li><a href="https://www.samaneng.co.kr/" target="_blank">삼안</a></li>
|
|
<li><a href="http://www.jangheon.co.kr/" target="_blank">장헌산업</a></li>
|
|
<li><a href="http://www.pre-cast.co.kr/" target="_blank">피티씨</a></li>
|
|
<li>
|
|
<a href="http://www.hallasanup.com/" target="_blank">한라산업개발</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<hr />
|
|
<div class="footer_info">
|
|
<!-- h1 로고영역은 style.css에서 제어 -->
|
|
<div class="logo">
|
|
<a class="home" href="/baron/">(주) 바론컨설턴트</a>
|
|
</div>
|
|
|
|
<span><em>주소.</em>서울특별시 송파구 오금로 554(거여동)</span>
|
|
<span><em>Tel.</em>02-2141-7434</span>
|
|
<span><em>Mail.</em>baroncs@baroncs.co.kr</span>
|
|
<span><em>대표이사.</em>장종찬</span>
|
|
<span><em>© BARON Consultants Co,.Ltd All Rights Reserved.</em></span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- TOP버튼 -->
|
|
<button class="btn_top js__top" onclick="window.scrollTo(0,0);">
|
|
<div class="arrow"></div>
|
|
</button>
|
|
<!-- //TOP버튼 -->
|
|
|
|
<script type="module">
|
|
// console.log('?');
|
|
// ^ TOP button
|
|
const urlParams = location.href;
|
|
$(function () {
|
|
if (urlParams.indexOf("recruit") != -1) {
|
|
$(".footer_info .home").attr("target", "_blank");
|
|
}
|
|
});
|
|
const topButton = document.querySelector(".js__top");
|
|
function adjustButtonPosition() {
|
|
const scrollY = window.scrollY; // 현재 스크롤 위치
|
|
const windowHeight = window.innerHeight; // 윈도우 높이
|
|
const documentHeight = document.documentElement.scrollHeight; // 문서 전체 높이
|
|
const bottomSpace = urlParams.indexOf("recruit") != -1 ? 120 : 400; // 탑 버튼이 아래에서 떨어져 있어야 하는 거리
|
|
|
|
// 문서의 맨 아래로부터 떨어지기 위한 계산
|
|
if (scrollY + windowHeight >= documentHeight - bottomSpace) {
|
|
topButton.style.bottom = `${
|
|
bottomSpace + (scrollY + windowHeight - documentHeight)
|
|
}px`;
|
|
} else {
|
|
topButton.style.bottom = "80px"; // 원래의 위치
|
|
}
|
|
}
|
|
window.addEventListener("scroll", adjustButtonPosition);
|
|
window.addEventListener("load", adjustButtonPosition);
|
|
// 새로운 코드 추가 - topButton의 표시/숨기기 로직
|
|
function toggleTopButtonClass() {
|
|
// console.log('*');
|
|
if (window.scrollY === 0) {
|
|
topButton.style.display = "none";
|
|
} else {
|
|
topButton.style.display = "initial";
|
|
}
|
|
}
|
|
window.addEventListener("scroll", toggleTopButtonClass);
|
|
window.addEventListener("load", toggleTopButtonClass);
|
|
|
|
// FOOTER - 패밀리사이트 열고닫기
|
|
$(function () {
|
|
$(".menu_my").mouseover(function () {
|
|
$(".menu_my_list").show();
|
|
});
|
|
|
|
$(".menu_my").mouseout(function () {
|
|
$(".menu_my_list").hide();
|
|
});
|
|
|
|
//footer family site toggle
|
|
$(".family_btn").click(function (event) {
|
|
event.stopPropagation(); // family_btn 클릭 시 이벤트 전파를 막음
|
|
$(".family_list").toggleClass("family_on");
|
|
$(".family_btn").toggleClass("family_on");
|
|
});
|
|
|
|
// 화면 아무 곳이나 클릭했을 때 family_list를 제외한 영역 클릭 시 리스트 닫기
|
|
$(document).click(function (event) {
|
|
if (
|
|
!$(event.target).closest(".family_list").length &&
|
|
!$(event.target).closest(".family_btn").length
|
|
) {
|
|
// family_list와 family_btn 외의 영역을 클릭한 경우
|
|
$(".family_list").removeClass("family_on");
|
|
$(".family_btn").removeClass("family_on");
|
|
}
|
|
});
|
|
});
|
|
</script>
|