微信扫一扫 加好友咨询

建站套餐

云模板站300元

——

营销设计型官网

1200元 

支持分期支付网站费

——

优化排名5元/天 

营销型企业官网建设

担心网站做了没用?担心网站做得不好?网站分期付款来助您

预付定金300元即可为您做网站,修改满意后

再付300元即可使用半年180天

到期后网站若要继续使用,再付600元可再延期半年!

到期后续费低至600元/年

电话/微信咨询:139-1786-9545

活动有效期:2020年1月31日止

帮助中心

建站知识 新闻公告 操作教程

上海H5网站响应式通栏置顶悬浮功能使用及操作教程

发表时间: 2020-08-04
上海H5网站响应式通栏置顶悬浮功能作用是实现页头区域其中一个分栏模块可以置顶悬浮,用户访问网站滚动鼠标时候会一直悬浮跟随,常用于LOGO及导航悬浮跟随。,速成建站,sass建站,云智能建站,通用模块

上海H5网站响应式通栏置顶悬浮功能作用是实现页头区域其中一个分栏模块可以置顶悬浮,用户访问网站滚动鼠标时候会一直悬浮跟随,常用于LOGO及导航悬浮跟随。


实现效果


  • 访客访问网站往下滚动,悬浮的内容会跟随。






一、分栏置顶悬浮设置


1.1 进入网站编辑页面-左侧添加模块—添加响应分栏或自定义分栏—拖动到页头区合适位置



2.2 完善分栏里面的内容,如***个GIF动图为例,可以选择3.9分栏,分别把左侧的LOGO图文模块,及右侧的导航模块分别添加拖到对应分栏。


2.3 设置分栏的悬浮——鼠标移到右侧分栏——点击向上箭头图标设置



  • 跳出设置菜单:



  • 是否置顶:是为开启悬浮,否则为关闭悬浮功能
  • 初始位置:固定则为默认分栏悬浮于顶站, 选择悬浮则跳出下面悬浮菜单
  • 悬浮距离:任意填写0-200之间的距离,距离为顶部往下计算的高度,如***个GIF动图为例,设置30的距离高度。访问网站时分栏的内容初始位置就是30高度,实现了LOGO跟导航悬浮在幻灯片上面。如下图:



  • 滚动时分栏背景颜色:匹配菜单栏是指跟随分栏的背景颜色 , 自定义:可自定义鼠标滚动时的背景颜色。如下图:



  • 注意:设置的悬浮距离效果需要预览访问网站才能看到效果




常见问题:


问:为什么悬浮后导航是白色背景,需要透明怎么设置?

答:需要设置导航模块的样式设置-菜单栏的背景设置为透明即可。其它模块原理相同。


问:怎么实际类似黑色磨砂透明的颜色?

签:设置颜色时候选择颜色后,可以再调整颜色的透明度,把透明度调到合适即可。


浏览: 308
点赞 | 0
分享
上海H5网站响应式通栏置顶悬浮功能使用及操作教程
上海H5网站响应式通栏置顶悬浮功能作用是实现页头区域其中一个分栏模块可以置顶悬浮,用户访问网站滚动鼠标时候会一直悬浮跟随,常用于LOGO及导航悬浮跟随。,速成建站,sass建站,云智能建站,通用模块
长按图片保存/分享
广告 活动

推荐阅读

热门资讯

热门检索

云站网可以为您做什么

sass云建站·营销型官网·自适应网站·推广优化


0元免费建站

多个模板可供选择

配置简单 快速上线 

腾讯云存储空间1G

免费升级 降低成本

仅限无网站的企业免费领取


可视化云模板建站

H5响应式技术,自由拖拽建站

数十个模块,上千个样式可选

saas系统安全可靠,不用学编程

集成数百套美观模板供选择

可以选模板,也可自己排版设计


营销型官网设计

根据用户需求,为客户设计网站界面

采用HTML5技术,自适应网站

产品主图,公司介绍等文字免费上传

为客户制作漂亮大气的幻灯片

域名注册+网站备案+网站设计维护


私域电商网站设计

社群微分销商城

短视频直播带货商城

多人拼团营销商城

小程序社区团购系统

B2B2C多商家系统


网站推广 优化 运营

为客户提供网站改版服务

为客户制作网站推广计划

为客户提供网站运营更新

关键词百度首页排名按天付费

关键词百度首页排名包年推广

还在等什么?联系我们 为您制定H5响应式营销型网站/商城/小程序设计/网站推广方案

全国服务热线:139 1786 9545

  • 联系人 *

  • 手机 *

  • 需求 *

  • 提交

  • 验证码
    看不清?换一张
    取消
    确定

扫一扫 添加客服微信

版权所有 Copyright(C) 云站网 上海云站网络技术服务中心沪ICP备20017299号-1  沪公网安备 31011402008820号