Hello. Well, the point in the title. I'm trying to make a fullscreen website and I faced a problem when I have one of the slides has a greater height than the screen itself. And solve it I can't.
I have looked for ready-made solutions. The most popular is from fullPage alvarotrigo.com
. And Yes, it doesn't work. My mouse is scrolling on 7 lines (usually 5) and I can't scroll to the bottom of the page is high, I immediately flip over the slide.
That's what I gathered: https://jsfiddle.net/7wdxju1z/
. The problem with fullPage similar: daystate to the bottom does not work, but I have flipped triggered immediately after the motion of the wheel. That is, there must be some if lock. I tried to equalize the height and position of scroll
$('.screen2').height() == $('.screen2').scrollTop()
but there is a possibility that one scroll is enough, so these values were equal... Well I scroll before reaching the bottom And the second question is about the transition from slide 2 to 3. I so HTML tag added. I think I'm not quite right itself, html structure built... May have to do something different and I have this problem with distortion is not? after the third slide should not appear at the top of the document, and in the center of the screenUPD.
Question 2 dealt https://jsfiddle.net/cvtrekx5/
. HTML really needed to change, but here is the first question still actual