i hope can point me in right direction. i replicate navigation, similar 1 on website: http://vsamarehorosho.ru/ basically, idea don't allow user have different sections of website on screen @ same time. so, if section larger screen scrolls until reach bottom of section. if scroll further, jump onto next section. if section smaller screen size, see main section @ top , part of next section down bottom, when try scroll, next section jumps top , 1 after shows down bottom if 1 smaller screen size. on example, slides 100% height, that's not achievable. hope can me. wrap sections in div height of 100%; this way, if section under 100% height, wrapper ensure 1 sections shows on page. if section height on 100%, scrolling can occur on wrapper, rather on page.