Bootstrap基础教程（第3版）（微课版）课43-任务7：滚动监听.pptx

下载文档

2
0
约小于1千字
约 13页
2025-07-15 发布于山东
举报
版权申诉
保障服务

Bootstrap基础教程（第3版）（微课版）课43-任务7：滚动监听.pptx

1、本文档共13页，其中可免费阅读8页，需付费50金币后方可阅读剩余内容。
2、本文档内容版权归属内容提供方，所产生的收益全部归内容提供方所有。如果您对本文有版权争议，可选择认领，认领后既往收益都归您。
3、本文档由用户上传，本站不保证质量和数量令人满意，可能有诸多瑕疵，付费之前，请仔细先通过免费阅读内容等途径辨别内容交易风险。如存在严重挂羊头卖狗肉之情形，可联系本站下载客服投诉处理。
4、文档侵权举报电话：400-050-0827(电话支持时间：9:00-18:30)。

任务7：

滚动监听项目七Js组件主讲人：赵丙秀武汉软件工程职业学院

CONTENTS0102滚动监听组件滚动监听选项

课程导入滚动监听组件用于自动更新导航的组件，根据滚动条的位置自动更新导航条。

滚动监听组件/01

滚动监听组件

滚动监听组件滚动监听组件由scrollspy.js文件实现。实现滚动监听的具体步骤如下：01制作一个导航条或者列表组，为每个导航项或列表项定义一个锚链接。02设置要被监听的容器里的多个子内容需要分别定义id值，将id值和导航条（或列表组）的锚链接对应。03向被监听的容器（一般来说是body）上添加data-bs-spy属性，属性值为scrol