分享更有价值
被信任是一种快乐

bootstrap如何设置固定定位

文章页正文上

这篇文章主要介绍了bootstrap如何设置固定定位的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇bootstrap如何设置固定定位文章都会有所收获,下面我们一起来看看吧。 在bootstrap中,可以利用Affix插件设置固定定位,该插件可以通过自定义属性data对任何元素进行固定定位,语法为“”。本教程操作环境:Windows10系统、bootstrap3.3.7版、DELL G3电脑固定定位–声明式触发固定定位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 相反。具体使用如下:分开设置 data-offset 值方式:注意,在 body 要声明滚动监控。注意,请在宽屏模式下查看效果。据我测试下来,使用声明式,就算设置了 data-offset-top 的值也会失效,需要在样式中给 affix 设置一个top值,与 data-offset-top 值相等。data-offset-bottom一样。关于“bootstrap如何设置固定定位”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“bootstrap如何设置固定定位”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注云技术行业资讯频道。

相关推荐: node前端需了解的知识点有哪些

这篇文章主要介绍“node前端需了解的知识点有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“node前端需了解的知识点有哪些”文章能帮助大家解决问题。 快速了解nodejs可以从以下几个方面来看看:node的模块概…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册