微信扫一扫 加好友咨询

建站套餐

云模板站300元

——

营销设计型官网

1500元 

支持分期支付网站费

——

优化排名5元/天 

营销型企业官网定制

套餐一:签1年,优惠价1500元,续费700元/年

套餐二:签3年,优惠价2200元,续费700元/年

套餐三:签5年,优惠价3000元,续费700元/年

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

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

活动有效期:2021年3月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跟导航悬浮在幻灯片上面。如下图:



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



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




常见问题:


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

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


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

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


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

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

全国服务热线:139 1786 9545

  • 联系人 *

  • 手机 *

  • 需求 *

  • 提交

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

H5营销优化型官网,1500元起,支持分期付

扫一扫 添加客服微信

版权所有 Copyright(C) 易智云站  沪ICP备20017299号-2