resize - waypoints refresh not working when modifying a div -

resize - waypoints refresh not working when modifying a div -

i have site made of "slides" 100% height.

<div class="slide" id="one">page1</div> <div class="slide" id="two">page2</div> <div class="slide" id="three">page3</div>

i utilize waypoints perform animation based on position of scroll, , works fine. context used "window" , below example:

$('#one').waypoint(function(direction) { //do }, { offset: '75%' });

by way, in slide there button modifies height of image (it becomes big), after resize height of container changes , height of "slide", too. need waypoint refresh, in order raised @ same percentage calculated on new size of slide. tried do

$.waypoints('refresh');

after resize, seems not working.

below piece of css:

html { height: 100%; } body{ text-align:center; height:100%; margin: 0 auto; overflow-x: hidden; } .slide{ height: 100%; margin: 0 auto; background: white; min-height: 700px; min-width: 1024px; } #home { height: 100%; margin: 0 auto; position: relative; text-align: center; min-height: 800px; }

can help me?

resize height refresh jquery-waypoints