问题标签 [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 回答
288 浏览

.net - 如何将 Webflow 制作的前端集成到 .NET Core 中?

所以我想整合html index.html、webflow.js、jpgs和一些组织成文件夹js、css和images的css文件。那么如何将所有内容放入 .NET Core MVC 项目中,以便它具有 html index.html 的所有动画和 css 呢?我使用.NET,因为之后应该有一些逻辑与一些模型等。

0 投票
1 回答
31 浏览

html - 有没有办法在 html 中自定义文字标记?或者如何使用其他元素来实现?

我正在开发一个设计,遇到了这个问题,当涉及到文字标记时,我无法得到想要的确切结果。

这就是我们想要完成的: https ://gyazo.com/a705e6faa67e833bc3246f59ce5d3683

这就是它目前的工作方式:它只是文本框内的一个 div,它向右移动 10px 并等于单词框的长度。只要文本框不换行,它就可以工作,因为长度是完美的。 https://gyazo.com/41ba55f74f5b4ada80427e8c1a1a32a9

0 投票
1 回答
170 浏览

javascript - 为 HTML5 画布上的交互式可拖动饼图适配一个 javascript 类,并将其集成到 Webflow 中

我在 Github 上找到了这个不错的画布派,但它给了我一些问题。我的JS不是很好,所以我在这里寻求帮助。 https://github.com/jamesalvarez/draggable-piechart

在此处显示的示例中,您可以看到用于操作图形的 UI。 https://codepen.io/Waterbear83/pen/vYOrbva?editors=0010

即使我使用相同的 js,我也不明白如何显示该 UI。 https://codepen.io/Waterbear83/pen/yLNqVBZ?editors=0010

有这么好心的人帮忙吗?

谢谢!

0 投票
2 回答
162 浏览

firebase - SPA 和网站的单独托管,但共享域

我想分开托管我的应用程序网站。层次结构如下:

  • example.com- 网站托管在 DigitalOcean
  • example.com/*- SPA 托管在 Firebase Hosting

由于 DNS 不允许指向子目录,有没有更明智的方法来实现这一点?

提前致谢!

0 投票
1 回答
39 浏览

html - 如何在浏览器视口之外渲染图片?

问题是我在网页上使用相对于鼠标位置的旋转效果。因此,当鼠标在右侧时,图片向左倾斜,而当鼠标在左侧时,图片向右倾斜。因此,由于这种旋转效果,体色会显露并破坏效果。以下是截图: 图像向右 旋转 图像向左旋转

如果图像更大,旋转后它会关闭屏幕的蓝色部分。

所以我的问题是即使它超出视口窗口是否可以让浏览器加载图片?

页面是在 WebFlow 中制作的。

0 投票
1 回答
123 浏览

aframe - webflow中的A-Frame占据了整个屏幕

我正在尝试在 Webflow 中使用 A-Frame,但是,我很快就遇到了障碍。嵌入的 A-Frame 元素将始终占据 100% 的屏幕,无法滚动或任何其他功能,就好像一直处于全屏状态一样。

我只希望 A-Frame 元素适合页面上的一个框(特别是一个 div),这样我也可以在它周围的页面上显示其他内容。我尝试浏览他们的内容和指南以及搜索无济于事。

目前,我有我的:

在项目设置 > 自定义代码 > 头部部分

然后是使用嵌入工具在特定大小的 div 元素中的实际 A-Frame 内容代码:

0 投票
0 回答
193 浏览

javascript - 滚动在移动设备中不起作用(谷歌浏览器和火狐)

我在 webflow 中的一个网站中使用了一个滚动插件(https://projects.lukehaas.me/scrollify/#home),它在 web 中工作正常,我禁用了移动插件,但是当我在移动浏览器中打开它时滚动在 chrome 和 firefox 中根本不起作用。这是我的代码

预期行为 - 滚动应该在移动设备中工作。

实际行为 - 滚动在 chrome 和 firefox 中根本不起作用。

0 投票
1 回答
184 浏览

javascript - Javascript 将“当前”选项卡镜像到另一个选项卡 | 网络流

我在 Webflow 中创建了一个可以工作的小部件,但 UX 设计并不是最好的,为了让我创造更好的体验,我需要一些 js 的帮助。这是小部件的一个小概述,所以你明白我的意思:

小部件的目标是允许用户 a) 浏览我们的产品类别并继续查看产品选项 b) 查看我们提供的建筑类型(预制件和容器)之间的美学差异,同时还允许用户比较每个类别的建筑类型按照“比较”CTA

小部件的 Gif

我们在 2 种不同的建筑类型中有 5 种产品类别:预制件和集装箱。我有 2 个选项卡可以在建筑类型之间切换,然后在这些选项卡内容中,我有 5 个类别选项卡:生活空间、便携式办公室、实用程序、娱乐和存储。这些选项卡的内容是左侧的图像和 CTA。

我的问题是用户选择的产品类别没有反映到其他建筑类型。例如,如果您在预制选项卡上选择了办公空间并切换到容器选项卡,则会选择完全不同的产品类别。

它应该如何工作

我能够使用以下基本逻辑将选定的预制产品类别镜像到容器选项卡:

现在,这可行,但是当我尝试将相反的(容器选项卡镜像上的选定产品添加到预制侧)时,一切都会中断。为什么是这样?我该如何解决?

PS 这实际上是我第二次接触 js,所以代码可能远非最佳实践。我是一名 UX 设计师,试图涉足开发领域,所以如果您有任何建议,我很乐意阅读。

编辑: 这是我的 Webflow 只读链接

0 投票
1 回答
1503 浏览

google-chrome - 您的密码可能已泄露 Chrome 弹出窗口

我刚刚在 firebase 托管上启动了我的网站。设计和登录表单是使用 webflow 创建的。使用 nuxt js 构建的网站。出于某种原因,每次我尝试使用登录表单登录时,都会从 Chrome 中弹出一个窗口:

您的密码可能已泄露 - 您刚刚在欺骗性网站上输入了密码......

究竟是什么导致了这个错误?

我尝试更改密码,尝试通过删除通常通过 webflow 添加到其中的名称、id、数据名称等标签来简化表单。我不知道还能做什么,我显然无法解决这类问题。任何帮助深表感谢。 在此处输入图像描述 网站是https://waybetterrentals.com/login

0 投票
1 回答
1194 浏览

javascript - 将 UTM 值从 URL 推送到隐藏字段的脚本 (Webflow)

我刚刚在 Webflow 中发布了我们的新网站,但是没有简单的方法可以从 URL 中收集 UTM 值并将它们推送到表单字段。我创建了 5 个 UTM 隐藏字段(UTM Medium、UTM Source、UTM Campaign、UTM Content、UTM Term)。现在我需要向页面添加一个 HTML 代码以从 URL 推送值。

我得到了这个脚本:

但是,看起来所有值都被推送到一个字段中。任何人都可以重写这个脚本以反映每个值都应该添加到正确的字段中吗?

这是一个带有 UTM 的 URL 示例: google.com/?utm_source=crowdcast&utm_medium=webinar&utm_campaign=blog&utm_content=how-we-use-linkedin-ads

表单所在的 URL 是https://saasmql.com/contact-us

这是表单的代码: