$(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; }