首页>文档>ElementsKit中文版教程>【elementskit中文版教程】粘性内容功能

【elementskit中文版教程】粘性内容功能

启用粘性

向下滚动此模块时,使您的任何部分都保持粘性。只需按照分步说明进行操作:

步骤=> 1:转到Elementskit => 模块 =>确保您的粘性内容模块处于活动状态

Screenshot 23 1 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

添加图片

让我们将图片部分粘贴到网站上

步骤=> 1:现在转到元素 =>搜索图像 =>拖放图像部分

Screenshot 25 1 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

步骤=> 2:从“ 编辑”部分→“ 内容”选项卡 添加背景图像

Screenshot 1 2 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

添加间距

添加空间以了解粘性部分及其工作方式

步骤=> 1:转到元素 =>搜索Spacer =>拖放Spacer部分

Screenshot 5 2 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

步骤=> 2:50增加到2000,以更好地理解

Screenshot 6 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

步骤=> 3:现在转到高级 => 背景=>背景类型=>经典图标=>颜色=> 从调色板向该空间添加背景颜色

Screenshot 7 2 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 该部分将显示如下
Screenshot 8 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

加粘

  • 转到“ 高级”选项卡 ->单击“ ElementsKit置顶” ->选择置顶选项“ 无”,“顶部”或“底部”,以粘贴图像或内容
Screenshot 2 2 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

粘在上面

此功能将帮助您将图片或任何粘贴在网站顶部的部分粘贴

  • 选择粘性选项顶部从下拉列表中
Screenshot 9 2 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 即使向下滚动图像,图像仍会粘在顶部
Screenshot 11 1 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

粘性偏移

  • 您还可以在顶部设置要让您的内容或图片粘贴在哪个部分的计数
Screenshot 19 2 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

粘到

如果要使部分粘连到多个部分,并在特定部分之后停止粘连,则可以在此处设置该部分的ID / CLASS。例如:section1或section2

处理:

步骤=> 1:从此处添加标题

Screenshot 22 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 单击标题 => 插入
Screenshot 23 1 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 现在,从搜索框中添加三个垫片。让我们把它叫做SECTION1,第2节,SECTION3相应的绿色,红色和蓝色 =>改变垫片的尺寸背景颜色
Screenshot 24 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 从调色板中选择颜色
Screenshot 25 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 现在将CSS ID设置为Red spacer: Section2
Screenshot 26 4 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 转到标题 => 编辑 => Elementskit粘滞 => 直到粘滞。现在,在“ 粘滞直到” 字段设置该部分CSS ID / CLASS 您还可以从样式更改背景颜色
Screenshot 27 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 现在您可以看到标题将保持粘性,直到红色部分2
Screenshot 28 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 红色部分之后,标题将消失
Screenshot 29 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

背景颜色变化

随意更改粘滞部分的背景颜色

Screenshot 30 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

选择设备

您还可以选择设备,例如您希望内容是粘性的设备

  • Elements Sticky => Sticky On =>仅选择所有设备桌面,或者如果需要,可以选择Deskto p 和Table t
Screenshot 36 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

您可以从底部的响应式图标进行检查

Screenshot 37 2 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

底部粘

  • 选择置顶选项底部,从下拉和下降图像部分底部
Screenshot 12 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 即使向上滚动图像,图像仍会粘在底部
Screenshot 13 4 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

粘性偏移

您还可以在底部设置希望您的内容或图片粘在哪个部分的空间

Screenshot 20 2 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

粘到

如果要使部分粘连到多个部分,并在特定部分之后停止粘连,则可以在此处设置该部分的ID / CLASS。例如:section1或section2

处理:

  • 步骤=> 1:从此处添加标题
Screenshot 22 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 步骤=> 2:点击标题 => 插入
Screenshot 23 1 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 步骤=> 3:现在,从添加三个间隔搜索框假设SECTION1,第2节,SECTION3相应绿,红和蓝 =>改变垫片尺寸背景颜色
Screenshot 24 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 步骤=> 3: 从调色板中选择颜色
Screenshot 25 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 步骤=> 4:现在将CSS ID设置为Red spacer: Section2
Screenshot 26 4 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

步骤=> 5: 现在在此处设置该部分CSS ID / CLASS。您还可以从样式更改背景颜色

Screenshot 31 4 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

步骤=> 6: 现在您可以看到标题将保持粘性,直到红色部分2

Screenshot 32 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

步骤=> 7: 红色部分之后,标题将消失

Screenshot 33 4 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

背景颜色变化

随时更改粘滞部分的背景颜色,粘滞开始时将显示该颜色

Screenshot 34 4 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

 

选择设备

您还可以选择设备,例如您希望内容是粘性的设备

  • Elements Sticky => Sticky On =>仅选择所有设备桌面,或者如果需要,可以选择Deskto p 和Table t
Screenshot 38 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 您可以从底部的响应式图标进行检查
Screenshot 39 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

粘在列上

  • 选择置顶选项列从下拉和下降图像部分顶部
Screenshot 14 2 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 右键单击图标 => 添加新列
Screenshot 16 2 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 将图像拖放到新列
Screenshot 17 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 即使向下滚动图像,该图像仍会粘在新列上
Screenshot 18 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

粘性偏移

您还可以在列中设置要让内容或图片粘贴在哪个部分的空间

Screenshot 35 4 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

选择设备

您还可以选择设备,例如您希望内容是粘性的设备

  • Elements Sticky => Sticky On =>仅选择所有设备桌面,或者如果需要,可以选择Deskto p 和Table t
Screenshot 40 4 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 您可以从底部的响应式图标进行检查
Screenshot 41 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索