当前位置:首页 >> 教程资讯

【网页设计】自适应 | 滚屏栏目设置教程

录入编辑:微科技 | 发布时间:2022-12-30
【网页设计】自适应 | 滚屏栏目设置教程 发表时间:2020-08-17 21:27 一、什么是滚屏栏目? 滚屏栏目主要由全屏通栏组合,鼠标滚动,网页随滚动切换上下全屏内容效果: 二、如何制作滚屏栏目? 1、可

【网页设计】自适应 | 滚屏栏目设置教程

发表时间:2020-08-17 21:27

一、什么是滚屏栏目?

滚屏栏目主要由全屏通栏组合,鼠标滚动,网页随滚动切换上下全屏内容效果:

二、如何制作滚屏栏目?

1、可以通过复制滚屏模板:

选择有滚屏栏目模板可直接使用滚屏功能。

2、可以通过新增栏目制作:

1-添加滚屏栏目入口:

【管理栏目】-【添加栏目】-选择滚屏类型栏目:

2-编辑滚屏栏目:

以滚屏全屏纵向为例:

2.1:添加栏目成功后,编辑栏目,在【样式】-【全屏】可以对全屏的导航、顶部、底部做样式更改:

3-如何添加全屏通栏:

3.1-可以通过点击面板的添加全屏:

3.2-通过当前全屏的工具栏添加:

3.3-通过导航快捷添加:

3-4上述入口点击后,可以看到添加弹窗,选择保存后,通过添加素材去搭建网站

点击素材可实时预览到素材效果,点击保存后才添加生效。

全屏通栏同常规通栏设置一致,仅高度默认全屏。

4-全屏通栏的顶部底部设置:

顶部设置是否固定、切换为悬浮或占位效果:

4.1顶部可以制作固定或不固定顶部效果:

1)顶部固定:

2) 顶部不固定:

4.2顶部可以制作悬浮、占位效果:

1)顶部占位:

2)顶部悬浮:

4.3底部可以选择单独高度、与通栏全屏或者隐藏:

5-记得设计好栏目要点击保存,保存后才可生效哦。(快捷键ctrl+s也可以保存网站

三、其他

1、如果制作好滚动屏栏目,想设置为当前站点首页怎么做呢?

【管理栏目】-【编辑栏目】勾选设置为首页,保存即可:

2、手机视图怎么调整?

手机视图由于手机屏幕较小,且没有鼠标交互,目前是常规滚动,没有全屏翻页效果。

上一篇:【网页设计】自适应 | 设置锚点链接教程
下一篇:【网页设计】自适应 | 通栏新版支持悬浮客服组件/内容区宽度/微信登录
热门服务和内容

手机版

  • 官方微信

    扫码进入

  • 客服微信

  • 官方微信

    扫码添加

  • 高端网站设计,顶级互联网服务 Copyright © 2025 www.vikj.cn All Rights Reserved. 辽ICP备17005629号 XML地图 微科技
    电话咨询:0411-39550725
    在线客服咨询