グリッド調整

 jQuery(window).on('scroll', function (){ 
   jQuery('.thx .wp-block-image figure').each(function() { 
     var elemOffset = jQuery(this).offset().top; 
     var scrollPos = jQuery(window).scrollTop(); 
     var wh = jQuery(window).height(); 
     var fz = parseInt(jQuery(this).css('font-size')); 
     var lh = parseInt(jQuery(this).css('line-height')); 
     var ls = lh - fz; 
     var oh = jQuery(this).outerHeight(); 

     oh = oh - fz - ls / 2; 
     oh = Math.ceil(oh / lh) * lh; 
     oh = oh + fz + ls /2; 

     if(scrollPos > elemOffset - wh + (wh / 2) ){ 
       jQuery(this).outerHeight(oh); 
     } 
   }); 
 }); 

てすと

□□□□■□□□□■□□□□■ あいうえお国永カスタマイズしていきます カスタマイズしていきます カスタマイズしていきます カスタマイズしていきます カスタマイズしていきます カスタマイズしていきます カスタマイズしていきます カスタマイズしていきます カスタマイズしていきます カスタマイズしていきます 0123456789■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■

h2

□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■

h2h2h2h2h2h2h2h2h2h2h2h2h2h2h2h2h2h2h2h2h2h2h2h2h2

□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■

h3

□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■

h3h3h3h3h3h3h3h3h3h3h3h3h3h3h3h3h3h3h3h3h3h3h3h3h3h3h3

□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■

h4

□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■

h4h4h4h4h4h4h4h4h4h4h4h4h4h4h4h4h4h4h4h4h4h4h4h4h4h4h4h4h4h4

□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■

h5

□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■

h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5h5

□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■

h6

□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■

h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6h6

□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■

□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■□□□□■

コメント