zoukankan      html  css  js  c++  java
  • 滚动监听

     <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> 
  • 相关阅读:
    分享一款手机端的PDF文件编辑软件「PDF处理助手」简单、免费
    30个学习大数据挖掘的重要知识点!建议收藏
    网站数据挖掘--从零开始建立数据分析师个人成长体系
    30个学习大数据挖掘的重要知识点!建议收藏
    一个 SAP 开发工程师十余年的技术写作之路回顾
    关于问题 SAP ABAP ME2O 事物码如何(是否可以)打印发货单?如何自己找到答案
    SAP Spartacus Popover Directive 构造函数的用途分析
    SAP Spartacus B2B OrgUnit 和 OrgUser 的路由映射差异比较
    SAP Spartacus B2B 列表页面的 (i) icon popover Component 的声明位置
    SAP 3D visual enterprise viewer 9.0 的下载方式
  • 原文地址:https://www.cnblogs.com/ZaraNet/p/9433810.html
Copyright © 2011-2022 走看看