问题标签 [locomotive-scroll]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
113 浏览

javascript - 更新购物车和结帐中的滚动(Woocommerce + Locomotive Scroll)

现在,我正在开发的自定义 Understrap 主题中使用 Locomotive Scroll。它在每个页面上都运行良好,但我的购物车和结帐页面有一些问题。

我正在使用 Woocommerce Blocks 扩展来拥有更好的购物车和结帐页面。我的问题如下:

  • 当我从购物车中删除产品时,它会在页面下方创建一个空白区域。单击删除按钮时,我尝试添加一些代码来更新滚动条,但它不起作用(见下文)
  • 在我的结帐页面中,如果有错误,则会出现通知。如果我不关闭通知,我将无法在页面底部滚动。同样,滚动需要更新。
  • 我的最后一个问题是window.addEventListener('load', function (event) {})我在下面使用的功能。我怎样才能防止用户滚动,直到它被加载?因为现在他可以在页面完全加载之前滚动,这会弄乱 locomotive-scroll

目前,我没有找到任何解决方案..

这是我现在正在使用的javascript:

0 投票
0 回答
751 浏览

javascript - 机车滚动 - 无法滚动之前需要调整窗口大小

我的项目有一个问题,我有一个带有完整图像的页面与库机车滚动一起显示,但是要滚动页面,我需要先调整他的大小。我该如何解决这个问题以避免之前调整我的窗口大小滚动页面我使用的是4.1.0版本的机车滚动,目前是最后一个。

您可以在此链接中看到问题: 网站演示

我的代码如下:

}

0 投票
0 回答
243 浏览

locomotive-scroll - Locomotive-Scroll -- 使用可扩展元素计算高度时出错(例如手风琴)

我在一个项目中使用 Locomotive Scroll,并且在使用手风琴等可扩展元素时发现了问题。一旦手风琴展开,我正在尝试更新高度。这是 Codepen 中的一个示例。

0 投票
0 回答
100 浏览

javascript - 机车滚动检查下一个滚动并防止

我在现场工作想做一些我搜索了很多但找不到解决这个问题的方法

问题如下我在页面上拥有一个元素“div”,它从网站的开头高 5812px 我想要的是当我到达这个元素时,高度“意味着滚动网站将是5812px" 当我想的时候,我再次上去,阻止滚动。问题是我做了,但机车滚动,我使用函数调用

为了防止用户再次使用滚动,但我只想阻止他一次,在滚动顶部机车有一个名为“ .on('scroll')”的函数之前,它返回一个包含到达的滚动站点的元素

句法:

我想做的代码示例:

0 投票
0 回答
407 浏览

javascript - 机车滚动:检测到元素但数据滚动速度不起作用

我已经为本地测试项目安装了 LocomotiveScroll

第一的:

然后:

添加了要测试的 HTML 和 CSS,但检测到元素(“is-in-view”)并且 data-scroll-class 工作,但与 data-scroll-speed 无关

CSS:

有什么建议么?谢谢,任何建议都很重要

0 投票
1 回答
735 浏览

javascript - 禁用特定页面的机车滚动

我正在建立一个 Woocommerce 网站,我想在结帐页面上禁用机车滚动。

我试过这段代码,但它不起作用。如何禁用特定页面的机车?我的网站没有运行 Ajax。

谢谢!

0 投票
1 回答
307 浏览

javascript - 机车滚动元素在实时服务器上崩溃并消失

我使用机车滚动创建了一个站点,该站点运行良好,直到我上传到实时服务器为止。在实时服务器上,元素有时会相互碰撞,然后闪烁并消失,页脚也被切断。似乎元素的位置没有正确更新,因此在滚动时它们会出现此故障。

我认为这一定是一个负载问题,因为有时它很好,如果我调整有时修复它的浏览器的大小。加载元素后,我可能需要在滚动条上执行更新()。

我希望调整下面的代码,以便检查页面 DOM 是否已加载,但我不确定如何将其从超时更改为检查页面加载。

0 投票
1 回答
764 浏览

javascript - 机车滚动元素在滚动和页脚被切断时消失

我使用机车滚动创建了一个站点,该站点运行良好,直到我上传到实时服务器为止。在实时服务器上,元素有时会相互碰撞,然后闪烁并消失,页脚也被切断。似乎元素的位置没有正确更新,因此在滚动时它们会出现此故障。

我认为这一定是一个负载问题,因为有时它很好,如果我调整有时修复它的浏览器的大小。加载元素后,我可能需要在滚动条上执行更新()。

我希望调整下面的代码,以便检查页面 DOM 是否已加载,但我不确定如何将其从超时更改为检查页面加载。

0 投票
1 回答
1366 浏览

smooth-scrolling - locomotive.js 加载时平滑滚动更新()

我在wordpress 网站上使用 locomotive.js ( https://locomotivemtl.github.io/locomotive-scroll/ )。在我上传到实时服务器之前,它运行良好。在实时服务器上,元素有时会相互碰撞,然后闪烁并消失,页脚也被切断。

我认为这一定与页面未加载有关,我需要使用 update() 来检查页面是否已加载。但我不确定如何更改它以检查页面加载而不是超时 - 任何人都可以帮忙吗?

0 投票
2 回答
1037 浏览

javascript - TypeError:使用机车滚动反应模块时无法读取 null 的属性“offsetHeight”

我正在尝试从 firebase 加载一些图像,并使用机车滚动反应模块让它们水平滚动。但是,每当我添加下面的 useEffect 部分来初始化机车滚动时,我都会收到以下错误:

在此处输入图像描述

我已经按照 LocomotiveScroll 网站和 GitHub 页面上的所有说明进行操作,还查看了其他示例,但似乎无法弄清楚。或者甚至可能我错过了一些东西。