`
forlab
  • 浏览: 134066 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

导航条与滚动条之间关系用例（类似天猫）

    博客分类：
  • HTML
 
阅读更多

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>
        <style>
            body {
                height:2000px;
            }
            div {
                position:absolute; right:40px; top:40px;
                width:90%; height:30px;
                background:#ddd;
            }
        </style>
    </head>
    <body>
        <div id="test">111111111</div>
        <script>
            function toolbar(el){
                el = typeof el == 'string' ? document.getElementById(el) : el;
                var elTop = el.offsetTop;
                var sTop = 0;
                window.onscroll = function(){
                    sTop = document.body.scrollTop || document.documentElement.scrollTop;
                    if( sTop > elTop ){
                        el.style.top = sTop + 'px';
                    }else{
                        el.style.top = elTop + 'px';
                    }
                }
            }
            toolbar('test');
        </script>
    </body>
</html>

分享到：
| div 横向布局 中间高度自适应
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    用例之间的关系.pdf

    关联关系描述参与者与用例之间的关系，在UML中它是两个或多个类元之间的关系，它描述了类元的实例间的联系。关联关系表示参与者和用例之间的通信。在UML中，关联关系用直线或箭头表示。例如，在一个汽车租赁系统用例...

    GPS导航仪测试用例

    GPS导航仪测试用例 GPS测试用例 GPS Testcase

    功能测试用例大全1500条

    - **滚动条**：检查滚动操作的流畅性，边界值处理。 2. **操作测试**： - **登录**：验证用户名和密码的正确性，记住密码、自动填充等功能。 - **添加**：确认新数据的插入和保存。 - **删除**：测试删除操作的...

    编写有效用例.pdf

    用例图是用例与执行者之间关系的图形化表示，它帮助项目相关人员和开发人员更好地理解系统的功能和用例之间的关系。 用例编写过程中，对执行者和项目相关人员的分析是必不可少的。项目相关人员即为那些会受到系统...

    python中pytest收集用例规则与运行指定用例详解

    我们又有哪些方式来运行单个用例或者批量运行用例呢？下面将为大家一一解答！ pytest收集用例原理分析 首先我们按照如下目录结构新建我们的项目 [pyttest搜索测试用例的规则] |[测试用例目录1] | |__init__.py | |...

    系统用例及部署图

    - **关系**：参与者与用例之间、用例与用例之间通过关系线连接，用以表示它们之间的关联。 ##### 1.3 用例图的图形表示 - **系统边界**：通常用矩形框表示，用来界定系统的范围。 - **参与者**：用一个人形图标表示...

    网络教学系统用例

    很好的分析了网络教学系统之间的用例关系。

    UML建模 用例说明及应用

    #### 深入浅出解析用例与用例图 在软件工程领域，UML（统一建模语言）作为一种标准的图形化语言，被广泛应用于系统设计阶段，其中用例图是UML中最直观、最容易理解的部分之一。用例图主要用来描述系统功能需求，它...

    用例分析技术

    用例模型是UML中的一种图表，它展示了系统的主要参与者和他们与系统之间的用例关系。在用例模型中，用例通常用椭圆表示，参与者用小人图标表示，它们之间通过直线或箭头连接，表示出参与者与用例的关联。 三、用例...

    《编写有效用例》,《用例》

    书中详细介绍了用例的概念、结构、范围、与项目相关人员和执行者之间的关系，以及如何通过不同的目标层次来编写用例。作者通过对用例的深入分析，提供了众多实用的案例和练习，帮助读者掌握用例编写的技巧。 用例是...

    100条测试用例

    个人会员中心、企业会员、企业联盟、培训测试用例

    一个机票系统的测试用例

    航空系统中的软件测试，需要测试用例来分析各种情况 而用例是其中的精髓

    电商测试用例660条+模板

    滚动消息 登录、注册 、我的订单 、帮助中心 、在线客服 "我的订单- 订单详情页" 帮助中心 首页 全部商品 搜索 购物车 左侧导航 轮播 广告区域 首页推荐产品 商品路径 商品标题 商品详情 热销推荐 普通发票 专用...

    软件测试用例模版.xls

    软件测试用例模版【仅供参考】软件测试用例模版【仅供参考】软件测试用例模版【仅供参考】软件测试用例模版【仅供参考】软件测试用例模版【仅供参考】软件测试用例模版【仅供参考】软件测试用例模版【仅供参考】软件...

    测试用例分析与设计

    - **因果图法**：通过绘制因果图来表示输入与输出之间的逻辑关系，进而设计测试用例。 - **错误猜测法**：基于以往的经验和直觉，预测可能出现错误的地方进行测试。 **2.2 白盒测试技术** - **语句覆盖**：确保...

    软件分析与建模 实验1用例视图

    5. **包含（Include）和泛化（Generalization）**：用例之间的关系，泛化通常表示继承，一个通用的用例可以被多个具体的用例继承；包含则表示一个用例可以由另一个用例执行的部分组成。 在使用PowerDesigner进行...

    软件工程 用例模版用例模版用例模版

    在软件工程领域，用例模板是一种重要的文档工具，它用于详细描述系统或软件的功能需求，以便于开发人员、测试人员和利益相关者之间进行清晰、一致的沟通。用例模板通常包括多个部分，以确保全面地捕捉到系统的行为和...

    python-xmind-测试用例数量统计

    python-xmind--测试用例数量统计

Magicbox
Global site tag (gtag.js) - Google Analytics