• 滚动监听


     <body data-spy="scroll" data-target="#d" data-offset="50" >



     <nav class="navbar navbar-inverse navbar-fixed-top" id="d">
            <div class="container">
               <div class="navbar-header">
                 <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#links">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>             
                    <tton>
                <img src="img/logoMsg.png" class="img-responsive" width="100px" height="100px"/>
               </div>
               <div class="collapse navbar-collapse" id="links">
                <ul class="nav navbar-nav">
                <li><a href="#dl1">买票</a><>
                <li><a href="#dl2">购车</a><>
                <li class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle">支付方式</a>
                <ul class="dropdown-menu">
                <li><a href="">QQ支付</a><>
                <li><a href="">微信支付</a><>
                <li><a href="">支付宝支付</a><a class="badge">NEW VOID</a><>
                </ul>
                <>
                </ul>
                 <div class="navbar-form navbar-left">
                <div class="form-group">
                <div class="input-group">
                <input type="text" class="form-control" />
                <div class="input-group-btn">
                <button class="btn btn-default">
                <i class="fa fa-search"></i>
                <tton>
                </div>
                </div>
                </div>
               </div>
               <div class="navbar-form navbar-right">
                <div class="form-group">
                            <button class="btn btn-primary btn-sm" data-target="#Logon" data-toggle="modal">登录<tton>
                        </div>
                        <div class="form-group">
                            <button class="btn btn-danger btn-sm">注册<tton>
                        </div>
               </div>
               </div>
            </div>
        </nav>

    在想要响应的地方添加ID 就是li标签中的href
    然后
    <script>
         $(()=>{
         $('body').scrollspy({ target: '#d' });
         })
        </script> 
  • 相关阅读:
    廖雪峰Java12maven基础-1maven入门-2依赖管理
    廖雪峰Java12maven基础-1maven入门-1maven介绍
    廖雪峰Java11多线程编程-4线程工具类-1ThreadLocal
    廖雪峰Java11多线程编程-3高级concurrent包-9Fork_Join
    廖雪峰Java11多线程编程-3高级concurrent包-8CompletableFuture
    廖雪峰Java11多线程编程-3高级concurrent包-7Future
    modelsim remote
    单台电脑上启动多个Modelsim图形环境窗口的简单办法(windows)
    用ModelSim仿真SDRAM操作
    通过文件读写方式实现Matlab和Modelsim的联合仿真
  • 原文地址:https://www.cnblogs.com/ZaraNet/p/9433810.html
Copyright © 2020-2023  润新知