Facetwp 선택시 스크롤 상단으로 이동하기
이 코드는 Facet 의 특정 checkbox 를 클릭하면 Facet template 영역의 스크롤을 최상단으로 이동하는 JavaScript 코드입니다.
<script>
(function($) {
var flag = false;
//체크박스를 클릭하면 flag 변수를 true로 설정합니다.
$(document).on("click", ".user_custom_class .facetwp-checkbox", function() {
flag = true;
});
//FacetWP가 새로고침될 때 (facetwp-refresh 이벤트) flag 변수가 true이고, FacetWP가 새로고침 되는 경우 (is_refresh == true) enable_scroll 변수를 true로 설정합니다.
$(document).on('facetwp-refresh', function() {
if ( flag == true && FWP.is_refresh == true ) {
FWP.enable_scroll = true;
} else {
FWP.enable_scroll = false;
}
});
//FacetWP가 로드될 때 (facetwp-loaded 이벤트) enable_scroll 변수가 true이면, custom_wrap 영역의 맨 위로 스크롤합니다.
$(document).on('facetwp-loaded', function() {
var top = 0;
if( $(".portfolio_wrap").length ){
top = $(".custom_wrap").offset().top;
}
if ( FWP.enable_scroll == true ) {
$('html, body').animate({ scrollTop: top }, 500);
}
});
})(jQuery);
</script>