问题标签 [locomotive-scroll]

我已经安装了Locomotive scroll和React Transition Group。但是当我点击链接或打开页面时，我无法再滚动，它会停留在屏幕顶部。我已经添加scroll.destory()了，useEffect但它不起作用。

我应该怎么办？

我在 Nuxt 应用程序中使用 GSAP ScrollTrigger 和 LocomotiveScroll。到目前为止一切正常，除了改变路线。我想，我必须杀死并重新初始化 LocomotiveScroll和ScrollTrigger？

相关JS：

我设置了一个最小的代码框： https ://codesandbox.io/s/scrolltrigger-routechange-gv75r?file=/mixins/locomotive.js

将不胜感激任何提示！:)

更新的 JS：

我正在尝试使用带有 Locomotive Scroll 的 Nuxt 创建一个项目，但不知何故，平滑滚动在我执行“检查元素”-> 然后关闭它之前不起作用。我试图监听滚动事件，我得到了滚动对象。

这是我的文件夹结构

我在这里错过了什么吗？已经挣扎了好几个小时似乎找不到是什么原因造成的。：/

我目前正在进行一个使用Locomotive Scroll进行平滑滚动的项目。我想做的就是让我的主导航标题菜单在加载时固定，然后在向下滚动时隐藏并在向上滚动时显示。首先，我尝试创建这个无机车卷轴，它运行良好。但是当我添加机车滚动时，代码根本不起作用。它只是被视为另一个正常元素。不固定也不显露。如果有人可以帮助我，将不胜感激。谢谢..！

元素样式

没有机车卷轴的工作代码

不使用机车滚动的代码

实际上，我不知道在这段代码中应该在哪里插入 Scroller Proxy 和 Trigger。此外，此元素没有任何 data-scroll* 属性。（而且我认为这里不需要）。

我正在使用nuxt-locomotive-scroll并gsap收到以下错误。

_this.elementAnimation 不是函数

如何正确调用elementAnimation()包含在initScrolltrigger()

我使用机车进行平滑滚动，使用 gsap 进行动画。现在我想创建一个指令来动画一些错字。

我的应用程序包含此代码来创建平滑滚动并将其与 gsap 结合（从https://codepen.io/GreenSock/pen/zYrELYe复制）

此代码工作正常

现在我想创建一些指令来轻松重用某些类型的动画。

该指令在加载时执行一次，但不会触发 onUpdate 或 onEnter 函数。

如果我调整窗口大小，onUpdate 函数会被触发，但不会在滚动时触发。

更新 addet 一个小演示 https://codesandbox.io/s/gsap-scrolltrigger-ihfbg?file=/directives/char-animation.js

我错过了什么？

我使用粘性数据属性data-scroll-sticky以及data-scroll-target处理我网站上的一些粘性图像，但是所有粘性元素都粘在屏幕顶部，我想知道是否有一种方法可以为这些粘性元素添加像 CSS 中的 Top 值？

任何想法将不胜感激:)

我一直在努力使用机车滚动和 gsap scrollTrigger 和 Scrollproxy 在我的 Nuxtjs 项目上实现平滑滚动效果。但是在我的中途遇到了一些我无法回头的有线问题。我在我的 Nuxt 项目中使用 Typescript 和 Class Component。

这是我的代码仓库 和演示链接

问题是

1. 更改路线滚动效果被破坏并且页面高度变得如此之高。然后必须重新加载该特定页面才能正常工作。需要一个路线更改解决方案，我在此设置中没有任何线索。

这是代码

2. 机车具有视差和其他效果的实例，例如data-scroll和data-scroll-speed='1'。刷新页面时它可以正常工作，但是当我更改路线时它不起作用。你可以在我的demo-project-link上看到它。

3. 想要滚动页面上具有overflow-scroll固定的特定部分height。但是，当尝试滚动整个页面时，将会滚动，这是意料之外的。查看从导航转到**scrollable-div** 菜单。

这部分我想以不同的方式滚动，当我滚动这部分时需要停止整个页面滚动。

需要您的支持和解决方案，因为我遇到了这些有线问题。任何解决方案都将是合适的。

我使用机车 JS，我希望能够在某些定义的动作（例如按钮上的动作）上停止由机车管理的元素并停止其视差效果。我没有看到任何可以让我这样做的功能，只有完全停止机车或将其移除的方法（停止，销毁）

提前致谢

这一切都是在安装后开始locomotive-scroll的。我一直在尝试在我的反应应用程序中安装 node-sass。我试过npm install node-sass了，但我遇到了一个错误ERR_SOCKET_TIMEOUT，我什至无法运行npm start命令，它给出了这些错误

我尝试了npm cache clean, npm audit fix，然后尝试了 --force 两者。删除node_modules、运行npm install、更新所有包ncu -u。我试过npm clean cache了，但也没有用。

这是我的 package.json