为了账号安全,请及时绑定邮箱和手机立即绑定
关注
ilfrank

data-offset的作用是什么

为什么即使改变data-offset的值,似乎也没有什么变化呢?请问这个值的是用来做什么的呢?

2019-03-03 源自:玩转Bootstrap(JS插件篇) 2-7 345 浏览 1 回答

固定定位--声明式触发固定定位

Affix 插件可以对任何元素进行固定定位,其中比较简单的方法,就是通过自定义属性 data 来触发。其主要包括两个参数:

1、data-spy:取值 affix,表示元素固定不变的。

2、data-offset:整数值,比如 90,表示元素 top 和 bottom 的值都是 90px,其包括两种方式:data-offset-top 和 data-offset-bottom。

  • data-offset-top 用来设置元素距离顶部的距离。比如 90,表示元素距离顶部 90px,当用户从顶部向下拖动滚动条,当滚动的距离大于 90px 时,affix 元素不再滚动,就会固定在浏览器窗口顶部。

  • data-offset-bottom 刚好与 data-offset-top 相反。

(详情见本课程5-15)

2019-03-30
回复 0

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信