Bootstrap3 滚动监听插件的选项
滚动监听插件的选项
Bootstrap为滚动监听插件提供了一个选项 offset,用来调整滚动位置距顶部偏移的像素值,取值为数字,默认值为10。正值表示滚动条向上偏移,负值表示向下偏移。
offset选项可以通过 data 属性或JavaScript进行设置。如果使用data属性,则要将选项名称放在 data- 的后面,类似于 data-offset="100"。
如果使用JavaScript代码,直接使用选项名称即可。如:
<script>
$('body').scrollspy({
offset: 100
})
</script>
关于作者
歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。
Bootstrap3 滚动监听插件的选项相关推荐
- Bootstrap3 滚动监听插件的事件
滚动监听插件的事件 Bootstrap为滚动监听插件提供了一个事件 activate.bs.scrollspy,每当一个新的导航项目被激活时,就会触发该事件,并自动为导航条的相应菜单项添加了一个 .a ...
- Bootstrap3 滚动监听插件的方法
滚动监听插件的方法 通过 JavaScript 调用滚动监控插件时,如果监听对象的DOM节点有增删元素的操作,则需要调用 .scrollspy('refresh') 方法来更新DOM. <scr ...
- Bootstrap3 滚动监听插件的调用方式
滚动监听插件的调用方式 无论何种实现方式,滚动监听都需要被监听的组件是position: relative;即相对定位方式.大多数时候是监听<body>元素. 1.data属性调用 只需给 ...
- Bootstrap 滚动监听插件Scrollspy 的选项
选项 Bootstrap滚动监听插件Scrollspy提供了一个选项 offset,用来调整滚动位置距顶部偏移的像素值,取值为数字,默认值为10.正值表示滚动条向上偏移,负值表示向下偏移. 所有的选项 ...
- Bootstrap3 滚动监听的使用方法
滚动监听 Bootstrap的滚动监听插件(scrollspy.js)能够根据滚动的位置,自动更新导航条中相应的导航项. 什么是滚动监听?先看一个简单的例子:假设页面上有两个区域,一个是导航区域,一个 ...
- Bootstrap 滚动监听插件Scrollspy 的事件
事件 Bootstrap滚动监听插件Scrollspy提供了一个事件 activate,每当一个新的导航项目被激活时,就会触发该事件,并自动为导航条的相应菜单项添加了一个 .active 类,让它高亮 ...
- Bootstrap 滚动监听插件Scrollspy 的方法
方法 通过 JavaScript 调用滚动监控插件时,如果监听对象的DOM节点有增删元素的操作,则需要调用 .scrollspy('refresh') 方法来更新DOM. <script> ...
- jQuery滚动监听插件Waypoints
你是否希望当用户仅仅滚动滑条的时候,就能触发各种各样的动态效果呢?比如图片浮现.文字漂移等各种各样的动画!那么我就推荐你一款用于捕获各种滚动事件的插件-Waypoints.同时Waypoints还支持 ...
- vue滚动监听插件 vue-waypoint
1.安装依赖: npm install vue-waypoint --save-dev 2.使用: 在main.js中: import Vue from 'vue' import VueWaypoin ...
最新文章
- python路径文件api
- md文件编辑器_可能是颜值最高的微信Markdown编辑器,用Markdown的你一定会爱上
- java的整数扩展,浮点数扩展,字符扩展,转义字符,布尔值扩展
- SmartGit破解使用的个人方法
- 0基础java语法_Java零基础教程(二)基础语法
- OpenResty Codis集群缓存系统
- 单片机与PC通信:USB转TTL、USB转RS232、RS232转TTL等情况的分析
- 二、Java的三大特征(或者四大特征)
- Centos 7 开机提示 Entering emergency mode 解决方法
- js正则表达式把数字格式化成XXXX-XXX-XXX
- 台式计算机没有外放声音,台式机没有音响如何外放声音
- win10应用商店无法联网 0x80072F7D解决方案
- [Android]高通平台BootLoader启动流程
- Invalid topo name mytopo
- 94、基于51单片机的无线调频对讲机系统设计
- FAST-LIO公式推导
- CodeGym一个学习平台
- LoadBalancerCacheManager not available, returning delegate without caching.
- 人生最应该坚持的5件事
- python双层for循环控制图像逐行扫描和逐列扫描
热门文章
- MySQL中GTID的几个限制和解决方案(r13笔记第21天)
- android 中手势GestureDetector 的使用
- poj 2653 Pick-up sticks(判断线段相交)
- ASP.NET MVC +EasyUI 权限设计(三)基础模块
- STL 容器和迭代器连载8_访问顺序容器的元素
- SAP IDES各Client用途和用户名密码
- JDK源码(11)-Long、Short
- 操作系统(7)-进程、线程、协程的区别
- [编程题]数独(JAVA)
- linux编译内核后无法进入,编译linux内核,ubuntu,x86的环境出现warning,然后就出现无法启动ubuntu...