MIP个性化组件:mip-semi-fixed 滑动悬浮组件

文章目录[隐藏]
标题 内容
类型 通用
支持布局 responsive,fixed-height,fill,container,fixed
所需脚本 https://mipcache.bdstatic.com/static/v1/mip-semi-fixed/mip-semi-fixed.js

示例

基本用法

<mip-semi-fixed id="semi-fixed" fixedClassNames="fixedStyle">
    <div mip-semi-fixed-container class="absoluteStyle">
        MIP-SEMI-FIXED MIP-SEMI-FIXED
    </div>
</mip-semi-fixed>

设置 fixed 时距离页面顶部的阈值

<mip-semi-fixed id="semi-fixed" threshold="150" fixedClassNames="fixedStyle">
    <div mip-semi-fixed-container class="absoluteStyle">
        MIP-SEMI-FIXED MIP-SEMI-FIXED
    </div>
</mip-semi-fixed>

属性

threshold
说明:元素 fixed 状态时距离页面顶部的距离
必选项:否
类型:整数
取值范围:无
单位:无
默认值:0

fixedClassNames
说明:元素 fixed 状态时需要添加的类
必选项:否
类型:字符串
取值范围:无
单位:无
默认值:''

子节点
div[mip-semi-fixed-container]
说明:所有 html 需要放在这个节点中
必选项:是
类型:DOM 节点
取值范围:无
单位:无
默认值:div[mip-semi-fixed-container]


发布日期:

所属分类: 网站运营 SEO 标签: