- 综合排序
- 最热优先
- 最新优先
Bootstrap 滚动监听（Scrollspy）插件
如果您想要单独引用该插件的功能，那么您需要引用 scrollspy.js。 </body> 通过 JavaScript：您可以通过 JavaScript 调用滚动监听，选取要监听的元素，然后调用 .scrollspy() 函数： $('body').scrollspy({ target 方法 .scrollspy('refresh')：当通过 JavaScript 调用 scrollspy 方法时，您需要调用 .refresh 方法来更新 DOM。 事件 描述 实例 activate.bs.scrollspy 每当一个新项目被滚动监听激活时，触发该事件。 $('#myScrollspy').on('activate.bs.scrollspy', function () { // 执行一些动作... }) 实例 下面的实例演示了 activate.bs.scrollspy
30610编辑于 2025-12-17- 来自专栏cnblogs
bootstrap源码分析之scrollspy（滚动侦听）
源码文件： Scrollspy.js 实现功能 1、当滚动区域内设置的hashkey距离顶点到有效位置时，就关联设置其导航上的指定项 2、导航必须是 .nav > li > a 结构，并且a上href
1.3K100发布于 2018-01-17 - 来自专栏YoungGy
FSWD_BootStrap
alert progress bar JS review css js and jquery use of jquery tabs and tabbed navigation hide and seek scrollspy plugin to hide/reveal content Construct the accordion using panels and panel-group class Use the scrollspy the scroll Employ the affix plugin to fix the position of the nav element after an initial scroll scrollspy accordion using the collapse plugin together with the panel component and panel-group class Use a scrollspy to highlight the current scroll position in a nav Use the affix plugin together with the scrollspy
1.1K90发布于 2018-01-02 - <div class="collapse navbar-collapse bs-js-navbar-<em>scrollspy</em>来自专栏sktj
bootstrap 滚动监听
DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 滚动监听（Scrollspy）插件</title navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-js-navbar-<em>scrollspy</em> a class="navbar-brand" href="#">教程名称
1.8K50发布于 2019-07-05
Bootstrap实战 - 单页面网站
--代码部分-->
bg-warning">Sub-Navigation Third
Bootstrap响应式前端框架笔记十八——导航滚动监听
/bower_components/bootstrap/dist/js/bootstrap.js"></script> <style> .scrollspy-example { position --内容div 使用data-spy="scroll"来进行滚动监听--> <div data-spy="scroll" data-target="#navbar" class="<em>scrollspy</em>-example 开发者也可以对导航标签的切换事件进行监听，方法如下： $('#navbar').on('activate.bs.<em>scrollspy</em>',function(e){ console.log("滚动导航改变
前端组件库_前端组件库有什么好处
off-canvas navigation menu 13.8 菜单(Menu) SuperFish – 基于jQuery的级联下拉菜单 Responsive Nav – 响应式导航 13.9 滚动侦测(ScrollSpy ) jquery-scrollspy(1) jquery-scrollspy(2) Waypoints 13.10 滚动加载更多 jScroll 13.11 平滑滚动插件(Smooth Scroll)
Bootstrap滚动监听不用offset实现向下偏移
Bootstrap滚动监听中文文档：http://v3.bootcss.com/javascript/#scrollspy 我就不在此赘述了。
Wixo - a wiki theme for Hexo
特点 Simple - Wixo 是一个简单纯粹的 Wiki 主题； Bootstrap - 基于 Boostrap 3.1.1； Notebook - 一个分类就是一个笔记本； Scrollspy -
BootStrap应用开发学习入门1
(2)通过 JavaScript：您可以通过 JavaScript 调用滚动监听，选取要监听的元素，然后调用 .scrollspy() 函数： $('body').scrollspy({ target .scrollspy('refresh')：当通过 JavaScript 调用 scrollspy 方法时，您需要调用 .refresh 方法来更新 DOM。 ('refresh') }) 事件： activate.bs.scrollspy 每当一个新项目被滚动监听激活时，触发该事件。 $('#myScrollspy').on('activate.bs.scrollspy', function () { // 执行一些动作... }) 基础实例: <! ('refresh') }); } $("#myScrollspy").scrollspy(); //Nav标签ID $('#myScrp').on('activate.bs.scrollspy
BootStrap应用开发学习入门1
(2)通过 JavaScript：您可以通过 JavaScript 调用滚动监听，选取要监听的元素，然后调用 .scrollspy() 函数： $('body').scrollspy({ target .scrollspy('refresh')：当通过 JavaScript 调用 scrollspy 方法时，您需要调用 .refresh 方法来更新 DOM。 ('refresh') }) 事件： activate.bs.scrollspy 每当一个新项目被滚动监听激活时，触发该事件。 $('#myScrollspy').on('activate.bs.scrollspy', function () { // 执行一些动作... }) 基础实例: <! ('refresh') }); } $("#myScrollspy").scrollspy(); //Nav标签ID $('#myScrp').on('activate.bs.scrollspy
深入理解bootstrap
被单击的链接或者按扭上需要应用data-toggle="dropdown" 4.js用法：$('#id').dropdown();，也包含事件订阅等功能，与modal类似 D.滚动侦测 1.滚动侦测（ScrollSpy 一致 在菜单容器内，必须有.nav样式的元素，并且在其内部有li元素，li内鈊的a元素才是可以侦测高亮的菜单链接，即符合.nav li > a这种选择符条件 3.js用法：$('滚动侦测容器选择符').scrollspy
你真的了解博客园的目录么。。
cnblog-scroller.css" type="text/css" rel="stylesheet"> 2 <script src="http://files.cnblogs.com/files/clwydjgs/<em>scrollspy</em>.js
Jump Start Bootstrap 第4章
ScrollSpy(滚动监听) ScrollSpy是当今最流行的JavaScript插件之一。它被广泛应用于只有单页面网站。 > <div data-spy="scroll" data-target="#navbarExample" data-offset="0" class="<em>scrollspy</em>-example
【性能】688- 前端性能优化——从 10 多秒到 1.05 秒
/public/js/src/scrollspy.js', './public/js/src/post-details.js', '.
Web-第五天 BootStrap学习
/v3.bootcss.com/components/#nav-pills 帮助文档-滚动监听：JavaScript插件/动态监听，http://v3.bootcss.com/javascript/#scrollspy
BootstrapVue使用入门
bootstrap-vue' Vue.use(CardPlugin) // This imports directive v-b-scrollspy
欠的债，这一次都还给你们
'>ul').html(j); b.data('spy', 'scroll'); b.data('target', '.sideCatalogBg'); $('body').scrollspy
博客园博客排版（js样式实例）
cnblog-scroller.css" type="text/css" rel="stylesheet"> 2 <script src="http://files.cnblogs.com/files/clwydjgs/<em>scrollspy</em>.js
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号