$(function () { $('#w_grid-1548214983685 .p_gridbox').css("height", "50px"); $('#w_grid-1548161796418 .p_gridbox').css("height", "50px"); $('#w_grid-1548162605954 .p_gridbox').css("height", "50px"); $('#w_grid-1548162878501 .p_gridbox').css("height", "50px"); $('#w_grid-1548163094537 .p_gridbox').css("height", "50px"); $('#w_grid-1548203961613 .p_gridbox').css("height", "50px"); $('#w_grid-1548204133559 .p_gridbox').css("height", "50px"); $('#w_grid-1548204564245 .p_gridbox').css("height", "50px"); }); function scrollEvent() { window.onscroll = function(e){ scrollFunc(); if(scrollDirection == 'down'){ //椤甸潰鍚戜笅婊氬姩瑕佸仛鐨勪簨鎯 console.log('椤甸潰鍚戜笅婊氬姩'); $('.p_NavBox').parents('.p_gridbox').css({ height:0 }) } else if(scrollDirection == 'up'){ //椤甸潰鍚戜笂婊氬姩瑕佸仛鐨勪簨鎯 console.log('椤甸潰鍚戜笂婊氬姩'); $('.p_NavBox').parents('.p_gridbox').css({ height:'50px' }) } } } scrollEvent(); var scrollAction = { x: 'undefined', y: 'undefined' }, scrollDirection; function scrollFunc() { if (typeof scrollAction.x == 'undefined') { scrollAction.x = window.pageXOffset; scrollAction.y = window.pageYOffset; } var diffX = scrollAction.x - window.pageXOffset; var diffY = scrollAction.y - window.pageYOffset; if (diffX < 0) { // Scroll right scrollDirection = 'right'; } else if (diffX > 0) { // Scroll left scrollDirection = 'left'; } else if (diffY < 0) { // Scroll down scrollDirection = 'down'; } else if (diffY > 0) { // Scroll up scrollDirection = 'up'; } else { // First scroll event } scrollAction.x = window.pageXOffset; scrollAction.y = window.pageYOffset; }