-
- 로그인후 이용해주세요.
팁과노하우
빌더 관리버튼 마우스를 길게눌러 숨기기
메인이나 서브화면에서 웹페이지를 캡쳐할때 관리자로 로그인한 경우 환경설정, 모듈설정등 버튼을 가려야 할 경우가 있습니다.
로그아웃을 해서 캡쳐하거나, F12에서 해당 영역을 직접 삭제해도 되지만 불편하다고 생각해 스크립트 코드를 만들었습니다.
아래 스크립트를 빌더의 레이아웃추가설정에 입력하셔도 좋고, 사용하는 헤더에 넣으셔도 됩니다.
해당 코드를 적용하시면 웹페이지 어디든 1초간 누르면 버튼 그룹이 5초간 사라지고 다시 나타나게 됩니다.
<script>
document.addEventListener('DOMContentLoaded', function() {
var pressTimer;
var targetSelector = 'div.sh-side-options-container';
function startPress(e) {
clearTimeout(pressTimer);
pressTimer = setTimeout(function() {
var targetElement = document.querySelector(targetSelector);
if (targetElement) {
targetElement.style.transition = 'opacity 0.8s ease-in-out';
targetElement.style.opacity = '0';
targetElement.style.pointerEvents = 'none';
setTimeout(function() {
targetElement.style.opacity = '1';
targetElement.style.pointerEvents = 'auto';
}, 5000);
}
}, 1000);
}
function cancelPress() {
if (pressTimer) {
clearTimeout(pressTimer);
pressTimer = null;
}
}
document.addEventListener('mousedown', startPress);
document.addEventListener('mouseup', cancelPress);
document.addEventListener('mouseleave', cancelPress);
document.addEventListener('scroll', cancelPress, { passive: true });
});
</script>
- 이전글데브이님의 "유튜브 위젯 1.1" > 유튜브 쇼츠용으로 사용하기2025.12.16
- 다음글웹 표준에 필요한 이미지 필수 속성 alt 누락 확인 적용!2025.11.23
댓글목록
