官方支付

—— 优惠、有保障 ——

开户行:招商银行股份有限公司北京中关村支行

开户名称:北京深量技术有限公司

账号:110925203710801

图片展示
图片展示

搜索

提交定制需求


任何作品都是设计师独一无二的创作品,您填写的越详细,设计师越能Get到您的想法,越能制作出贴近您心中的作品。

  • 一句话需求 *

  • 您的预算 *

    请选择

    • 2000以下
    • 2000-5000
    • 5000-1万
    • 1万-10万
    • 10万-50万
    • 50万-100万
    • 100万以上

  • 详细描述您的需求 *

  • 确认提交

010-86466600

www.shenliang.net

京ICP备16060693号-2

京公网安备11010802028442号

© 2016 - 2020 深量公司 版权所有

SHNELIANG. All Rights Reserved. 

The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.

分栏置顶悬浮功能

作者:深量菌 发表时间:2020-02-24 23:37:51

一、分栏置顶悬浮功能


1.1功能和作用


实现页头区域其中一个分栏模块可以置顶悬浮,用户访问网站滚动鼠标时候会一直悬浮跟随,常用于LOGO及导航悬浮跟






二、分栏置顶悬浮设置


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



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


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



跳出设置菜单:


是否置顶:是为开启悬浮,否则为关闭悬浮功能

初始位置:固定则为默认分栏悬浮于顶站, 选择悬浮则跳出下面悬浮菜单

悬浮距离:任意填写0-200之间的距离,距离为顶部往下计算的高度,如第一个GIF动图为例,设置30的距离高度。访问网站时分栏的内容初始位置就是30高度,实现了LOGO跟导航悬浮在幻灯片上面。如下图:

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


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




常见问题:

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

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


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

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


分栏置顶悬浮功能
长按图片保存/分享

京ICP备16060693号-2

京公网安备11010802028442号

© 2016 - 2020 SHNELIANG. All Rights Reserved. 深量公司 版权所有

The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.

WWW.SHENLIANG.NET

010-86466600,service@shenliang.net

京ICP备16060693号-2京公网安备11010802028442号

© 2016 - 2020 SHNELIANG. All Rights Reserved. 深量公司 版权所有

为什么选择云计算

产品和优惠

项目管理

ICP/公安备案

文档与视频

关注SHENLIANG

关注深量公众号或微信小程序,关注云资讯,随时随地运维管控云服务

在线咨询:点击沟通

联系电话:010-86466600

深量SHENLIANG  云-速成美站  H5-自助建站  外贸独立站  品牌商城系统  品牌小程序  定制服务  云-企业官网  H5-营销官网  源码开发  SSL证书  企业邮箱  境外线路

© 2016 - 2024 SHOP.SHENLIANG.NET 北京深量技术有限公司,保留所有权利。

在线客服
联系方式
电话
010-86466600
二维码
二维码
在线聊天
在线客服
添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功
添加微信好友,详细了解产品
我知道了