加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Bootstrap Scrollspy源码学习

发布时间:2020-12-18 00:40:22 所属栏目:安全 来源:网络整理
导读:本文实例为大家分享了Bootstrap Scrollspy插件的具体代码,供大家参考,具体内容如下 导航栏Scrollspy例子 nav class="navbar navbar-inverse navbar-fixed-top" ... ul class="nav navbar-nav" Section 1 ... div id="section1" Section 1 Try to scroll th

本文实例为大家分享了Bootstrap Scrollspy插件的具体代码,供大家参考,具体内容如下

导航栏Scrollspy例子

<nav class="navbar navbar-inverse navbar-fixed-top">
...
<ul class="nav navbar-nav">

  • Section 1
  • ...

    <div id="section1">

    Section 1

    Try to scroll this page and look at the navigation bar while scrolling!

    ...

    垂直Scrollspy例子

    <div class="container">
    <div class="row">
    <nav class="col-sm-3" id="myScrollspy">
    <ul class="nav nav-pills nav-stacked">

  • Section 1
  • ...
    Section 1

    Try to scroll this page and look at the navigation list while scrolling!

    ...

    Scrollspy的使用

    使用Scrollspy只需在对应的HTML元素里添加几个关键的属性:

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

    (编辑:李大同)

    【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

      推荐文章
        热点阅读