如何在浏览器(反应式或香草js)中实现滚动劫持(scrolljacking)?

时间:2019-11-22 18:37:44

标签: javascript reactjs browser scroll

我一直在尝试实现Typeform所做的事情(示例https://www.typeform.com/templates/t/online-quote-form/?preview=template),在该示例中用户无法滚动页面,而是任何滚动触发器都只会前进到下一个问题。

到目前为止,我已经发现不足以在滚动事件中添加处理程序。似乎我需要向wheel,keydown,swipe等可能添加处理程序,以实现不同的滚动行为。

但是我似乎无法解决所有问题。特别是,滚轮滚动将具有预期的行为,然后继续滚动,而我似乎无法取消这种行为。

(我知道这是UX反模式;无论如何,我都在这样做。)

目前我没有一个合理的代码示例,但是如果没人能立即找到解决方案,我将添加一个示例代码。

0 个答案:

没有答案