滚动监听中的.data-offset有什么作用

滚动监听中的.data-offset有什么作用

如题,官方文档中的说明看不懂,也查不到相关的信息。这个属性是实现怎样的效果的呢?改数值好像也没有什么效果,麻烦老师了

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

data-offset' 计算滚动条位置时从顶部开始偏移的像素数 .

设置data-offset="10" 时 ,页面滚动到距离顶部10px触发导航变化,如下:

http://img1.sycdn.imooc.com//climg/5b3c33d50001bc1404430140.jpg

设置data-offset="50" 时 ,页面滚动到距离顶部50px触发导航变化,如下:

http://img1.sycdn.imooc.com//climg/5b3c33fc0001891004860187.jpg

自己练习一下哦 ,如果解答了你的疑惑 ,望采纳 , 祝学习愉快 !


  • 慕工程1453923 提问者 #1
    谢谢老师 还有一个问题,就是弹出框里面的 data-trigger="manual",手动触发,感觉效果是跟click一样,具体区别是怎样的呢?麻烦老师了
    2018-07-04 11:31:05
  • 好帮手慕夭夭 回复 提问者 慕工程1453923 #2
    click适用于电脑端手动触发 , data-trigger="manual"更适用于移动设备上手动触发哦 .建议同学在问答区重新开设问题提问 ,以便更及时的对问题就行回复哦
    2018-07-04 12:02:57
  • 慕工程1453923 提问者 #3
    非常感谢!
    2018-07-04 14:15:38
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师