Home » 因此很难准确地在到表单

因此很难准确地在到表单

由于 CSS更改不会在编辑器预览中生效,出现的位置,但您将能够在保存和预览页面时到其影响.

 粘性形态出现和消失

实现此目的最简单方法是使用z-انڈیکس,简而言之,z-انڈیکس 是一种通过 HTML 传达层的方丹式图像将被解释为比 z-index 为 1

对于这种方法,您将需要在页面的每个部分中 电报数据 使用某种不透明的框。该框可以填充颜色、图像或渐变 – 只要它是透明的,都没关系。将框放置到位后,记下它们的 z 索引,您可以在右侧设置栏的“元数据”部分中找到它,该位置与显示元素 ID 的位置相同。

 

这个盒子的 所以它会覆盖索引为的东西

然后使用 CSS 选择要移动到页面底部的元素并将其 z-index 设置为较低的数字。在下面的几行中,我选择了两个元素并将它们的 z-index 设置为 30,这意味着它们,该框的 z-index 为 31。再次,在这里您需要将以#lp-pom-box-xxxx开头的 ID 替换为上面的粘性表单(始终存在)解决方案中使用的相同 ID 。

 

当您选择表单重新出现的位置时

只需删除此部分中遮挡表单的所有对象即可。这将在视图中滚动。

 

好处
这将允许您在页面的各个位置向用户呈现完 驱逐出境争议 整的表单,而不必担心它成为壁纸,或者您可以将它与外部转换结合起来。仅使用 CSS 也意味着您不必担心用户关闭 JavaScript(虽然下面的加分点依赖于 JavaScript,但如果关闭 JavaScript,它将会正常恢复)。

缺点与 iFrame 方法不同

这不允许您使用多种格式。它还需要更多的 CSS 知识(并且至少需要对 JavaScript 进行一些反复试验才能获得加分)。

奖励积分
根据您在页面上的滚动位置,使用 JavaScript 应用 tg数据 和删除 CSS 类。例如,您可以创建像这样的 CSS 类来隐藏和模糊视图元素。

然后,当用户滚动经过某些点以及到达您希望他们看到表单的点时,您可以使用此 JavaScript 来应用 .hide 类。当此形式出现时,可以利用其细粒度的控制而无需覆盖它。与以前一样,您需要更新 #lp-pom-box-xxx 字符串以匹配您帐户中的 ID。

如果我们距离页面底部不到

像素或向上滚动到距离顶部不到 100像素,则此部分将删除隐藏类。 这意味着当我们接近页面底部或返回顶部时،这些元素将淡出视图.

双倍奖金

您可以考虑使用 JavaScript在不同位置选择性地隐藏或显示表单字段。单,并在第二次显示较短的表单时显示较短的表单,尽管每次显示的都是同一张。

为此,您只需添加到上面的 .scroll JavaScript 函数中:

 

当滚动到页面底部

以内时,我们的 JavaScript会隐藏全名字段,缩小框的大小,并将按钮向上移动。当表单隐藏在视图之外时،这一切都可能发生;我刚刚在视图中执行了此操作以进行演示.

Scroll to Top