zoukankan      html  css  js  c++  java
  • jquery实现顶部浮动效果

    示例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8" />
        <title>test page</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/main.css" />
        <script src="./jquery.js"></script>
    </head>
    <body>
    <div class="top"></div>
    <div class="wrap">
        <div class="tip">浮起来吧</div>
        <div class="xia">mmmmmmmmmmmmmmmmmmbbbbbbbbbbbbbbbbbbbbbbb</div>
        
            1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
            1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
            1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
            1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
    </div>
    <script type="text/javascript">
        $(function(){
            var stiptop = $(".tip").position().top;
            var sNum = 210;
            $(window).scroll(function(){
                var sTop = parseInt($(window).scrollTop());
                if(sTop > 210){
                     $(".tip").css({'position':'fixed','marginTop':'0px'});
                }
                else{
                    $(".tip").css({'position':'static','marginTop':'10px'});
                }
            });
        });
    </script>
    </body>
    </html>
  • 相关阅读:
    测试开发之利器论战
    测试开发的战略战术
    Python日志Logging
    Android自动测试中的monkey工具使用方法
    ADB命令讲解
    学习要深入
    测试开发发展感触
    Web Service测试工具小汇
    python接口测试浅谈
    手机上app测试总结(转)
  • 原文地址:https://www.cnblogs.com/houweijian/p/3338998.html
Copyright © 2011-2022 走看看