如何暂停页面内容？

一旦滚动到达该部分，我希望某个页面停止在特定内容上。 它只会在满足某个条件后继续滚动（即绘制内容，点击该div中的内容等）

你是怎么做到这一点的？ 有任何想法吗？ 谢谢。

Answer 1

您可以通过在文档滚动上绑定处理程序并调用e.preventDefault（）来阻止默认滚动操作。

这里，contentPos是你想要停止滚动的y位置，与$（document）.scrollTop（）进行比较。

$(document). bind( 'mousewheel DOMMouseScroll', function ( e ) { contentYPos = 500; conditionMet = false; if ($(document).scrollTop() >= contentYPos && conditionMet == false && e.originalEvent.wheelDelta < 0) { e.preventDefault(); } }); 

这将检查您的conditionMet是否为false，并且如果用户向下滚动（可能您希望窗口仍然能够向上滚动），它将覆盖该操作，直到满足条件。

这是一个显示这个工作的js小提琴： http ： //jsfiddle.net/cMKh2/

编辑：包含一个更全面的版本，它会触发窗口滚动。 （两种方法都包括在内进行比较）。

http://jsfiddle.net/cMKh2/2/

Edit2：通过按下按钮和动态滚动距离更改条件的最终版本。

http://jsfiddle.net/cMKh2/4/