图片展示
图片展示

微信扫一扫 加好友咨询

建站套餐

云模板站300元

——

营销设计型官网

600元

非模板站

——

优化排名5元/天 

营销型企业官网定制

 

套餐一:签1年,优惠价1500元,送企业邮箱

套餐二:签3年,优惠价2200元,送企业邮箱

套餐三:签5年,优惠价3200元,送企业邮箱

以上价格包含:域名+阿里云服务器+网站制作+网站维护

限量加送在线客服系统+https安全认证

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

活动时间:2021年4月10日——2021年4月30日止

帮助中心

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

上海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跟导航悬浮在幻灯片上面。如下图:



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



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




常见问题:


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

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


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

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


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

推荐阅读

热门资讯

热门检索

云站网可以为您做什么

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


0元免费建站

多个模板可供选择

配置简单 快速上线 

腾讯云存储空间1G

免费升级 降低成本

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

  • 0元/首年
  • 0元建站咨询
  • 0元/首年
  • 0元建站咨询


可视化云模板建站

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

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

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

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

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

  • 298元起
  • 在线咨询
  • 298元起
  • 在线咨询


营销型官网设计

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

采用HTML5技术,自适应网站

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

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

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

  • 1998元起
  • 在线咨询
  • 1998元起
  • 在线咨询


私域电商网站设计

社群微分销商城

短视频直播带货商城

多人拼团营销商城

小程序社区团购系统

B2B2C多商家系统

  • 1998元起
  • 在线咨询
  • 1998元起
  • 在线咨询


网站推广 优化 运营

为客户提供网站改版服务

为客户制作网站推广计划

为客户提供网站运营更新

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

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

  • 5元起/天
  • 在线咨询
  • 8元起/天
  • 在线咨询

版权所有 Copyright(C) 云站网络 上海百重信息技术有限公司 沪ICP备20017299号-2  沪公网安备 31011402001810号