问题标签 [webflow]

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 投票
1 回答
326 浏览

javascript - 设置 Segment.io

我最近在 Webflow 上建立了一个网站,我希望将 Segment.io 集成到我的网站上以连接不同的目的地。我一直无法弄清楚如何将事件和身份数据收集到 segment.io 中。

我已经访问了他们的网站并查看了示例脚本(如下所示),但是,我似乎可以在任何地方找到如何替换 dummyhard-coded strings以在我的 HTML 编码网站上运行。

有没有人成功地在他们的项目中设置 Segment.io?

0 投票
1 回答
210 浏览

html - 更改页面时导航栏项目移动到中心

每当我访问主页以外的任何页面时,导航栏上的菜单按钮都会转移到中心。

仍然是使用 Webflow 的新手,我不知道为什么该项目继续前进(导航栏设置为符号) 在此处输入图像描述

在这里它移动了

在此处输入图像描述

0 投票
1 回答
487 浏览

widget - 嵌入式 Eventbrite 结帐小部件可防止页面在关闭时滚动

我正在我们的网站上创建一个活动页面并集成 Eventbrite 结帐模式,以保持我们网站上的购票体验。在用户退出模式之前,整个事情似乎运行良好。模式消失后,网站页面不响应滚动。有任何想法吗?

这是已发布的站点,因此您可以查看嵌入的代码。单击任何“获取您的票”按钮以触发 Eventbrite 结帐模式。加载后,点击右上角的“X”尝试退出:
https ://the-startup-story.webflow.io/events/startup-story-live-dallas

这是我的预览链接,您可以查看代码:
https ://preview.webflow.com/preview/the-startup-story?utm_medium=preview_link&utm_source=designer&utm_content=the-startup-story&preview=1a5291aabf7762f0ee1084e522fdec25&pageId=5df01420ac038e5da652cd38&mode=preview

我联系了 Eventbrite 支持,我们尝试使用默认代码(没有我的任何按钮自定义),不幸的是,这并没有解决问题。

这是此 Eventbrite 嵌入式结帐在其他地方正常工作的示例:
https ://www.thenewparish.com/

谢谢参观!

0 投票
1 回答
460 浏览

javascript - 注册 service worker 而不访问本地文件

我正在尝试使用 Web 开发工具 Webflow 构建 PWA。它是一个网页设计平台,它还管理托管。它允许我将代码嵌入到<head>文档中或之后,但它不允许我将任何文件添加到服务器。我正在使用data:url 添加清单文件,效果很好。但是,我发现很难添加服务人员。

我尝试将service-worker.js文件托管在另一台服务器上,并使用navigator.serviceWorker.register('url_of_sw.js')但它给了我一个原始错误:ServiceWorker registration failed: DOMException: Failed to register a ServiceWorker: The origin of the provided scriptURL ('script_url') does not match the current origin ('site_url').

我通过 using 尝试了一个data:url navigator.serviceWorker.register('data:encoded_data'),它说该协议不受支持。

有没有办法在不访问本地文件存储的情况下注册服务工作者?我知道如果我可以通过设置来控制子域,我可以做到这一点document.domain。我想假设我不能这样做。

0 投票
1 回答
59 浏览

html - 如何跨页面保存嵌入代码中的会话

我想知道是否可以在网站上保存嵌入式代码会话,这样当您在网站上更改页面时,它会将数据保存在嵌入式部分并将其传输到下一页。我意识到我不善于提出我的问题,所以让我举个例子:

我在 webflow 工作,这是一个目前不支持任何用户管理系统的网站设计程序。我有使用 python 和烧瓶的经验,我想知道:如果我在这里创建一个用户管理系统并使用嵌入式代码在我的 webflow 站点上显示它,那么我可以这样做:在页面 site.com/login 我有嵌入式代码这显示了我的 pythonapp.com/login 的登录页面。当用户更改为 site.com/dashboard 时,在嵌入的表单中,它会显示托管在 pythonapp.com/dashboard 上的仪表板,但属于在上一页登录的用户。是否可以跨多个页面保持嵌入代码会话?

0 投票
4 回答
60 浏览

javascript - 检查班级中的数字并向其添加班级

我是编码新手,所以我真的不是我要找的东西。问题是我想在悬停时向现有类添加一个类,当我悬停时它应该删除该类。现在我有三个组合类,如您所见(.image-1、.image-2、.image-3),我想将“正在播放”类单独添加到所有这些类,因为它们具有不同的内容。

现在,我只是复制了这些功能,但你知道更优雅或更简单的方法吗?

(我尝试使用 if 语句来检查字符串中的数字,但它不起作用)。

提前致谢!

0 投票
1 回答
2144 浏览

database - 使用 mysql 之类的数据库到 webflow

我目前正在观看有关如何使用 webflow 构建网站的教程,但我很好奇是否可以在 webflow 中使用数据库。我可以在网络应用程序中使用的最佳数据库是什么?

0 投票
1 回答
37 浏览

css - 在文本上使用 CSS 渐变时的奇怪行为 (Safari)

大家好,我在 Safari(macOS Mojave 上的版本 13.0.5)上使用 css 渐变时出现了这种奇怪的行为。

该段落在 Chrome 和 Firefox 上看起来很完美。这是我正在使用的代码:

最奇怪的是,只有一个词从段落中消失了。关于如何解决这个问题的任何提示?

这是现场网站:https ://portfolio-84e6dc.webflow.io/

非常感谢您!

0 投票
0 回答
85 浏览

jquery - 在正常的流/滚动页面中创建 fullpage.js 包装器,删除 fullpage.js 滚动条

正如标题所示,我想知道是否有可能在文档中间创建一个 fullpage.js 包装器,其内容不会干扰文档流。例如(仅显示具有 100wv、100vh 属性的标题)

期望的结果:

遵循 fullpage.js 创建者从其他堆栈帖子中的想法,我将整个页面放入 fullpage.js 包装器中,并使用scrollOverflow: true命令来获得某种理想的效果。

如果 fullpage.js 需要包装整个页面,至少有一种方法可以删除由scrollOverflow: true.

0 投票
1 回答
192 浏览

html - 将 React 嵌入 HTML 页面 - 图片 URL 不起作用

创建了一个反应组件,构建了应用程序并将构建的内容上传到公共 AWS S3 存储桶。从那里,我将脚本包含到一个普通的 HTML 页面中(在另一个域上)。一切正常,但是,react 应用程序找不到图像。

我该如何解决这个问题?