【问题标题】:JavaScript - temporarily pause page scrolling but keep scrollbar scrolling until unpausedJavaScript - 暂时暂停页面滚动但保持滚动条滚动直到未暂停
【发布时间】:2019-04-12 05:52:27
【问题描述】:

我正在尝试在此处实现类似于此网站的效果:https://www.wokine.com/en/ 向下滚动并且“HELLO”文本移到一边。我已经完成了那部分,但我被困在如何暂停页面滚动之后但仍然保持滚动条移动。我需要这样做,以便在用户向下滚动到某个点后,我可以使用 jquery 重新启用滚动

链接比我用文字解释得更好。

【问题讨论】:

    标签: javascript jquery html css custom-scrolling


    【解决方案1】:

    页面滚动永远不会暂停或禁用只是一个“技巧”

    让'HELLO'元素定位在fixed,直到滚动到您希望元素开始向上移动的位置。

    在第一阶段('HELLO' 固定),您可以检测页面滚动并对元素执行动画。

    第二阶段,当你希望'HELLO'开始滚动时,将其定位切换为绝对(或相对),同时将其垂直位置top设置在页面滚动到的同一坐标处(window.scrollY )

    【讨论】:

    • 谢谢,我现在就试试。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-03-02
    • 2010-10-10
    • 1970-01-01
    • 1970-01-01
    • 2011-10-26
    • 1970-01-01
    相关资源
    最近更新 更多