zoukankan      html  css  js  c++  java
  • scroll

    var fScrollTopHeight = function(){
    return document.documentElement&&document.documentElement.scrollTop || document.body && document.body.scrollTop || 0;
    };
    var fClientHeight = function(){
    var clientHeight=0;
    if(document.body.clientHeight&&document.documentElement.clientHeight){
    clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
    }else{
    clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
    }
    return clientHeight;
    };
    var fBodyHeight = function(){
    return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
    };
    $(function(){
    var fixedbar = document.getElementById("fixedbar");
    // jScShow = $('<div style="position:fixed;bottom:100px;right:0;z-index:999;background:red;120px;height:100px;">5555</div>').appendTo('body');
    $(document).on('scroll', function(){
    // alert(1);
    // jScShow.html([fScrollTopHeight(), fClientHeight(), fBodyHeight()].join('<BR /><BR />') + '<BR />');

    // if(fScrollTopHeight()+fClientHeight()- fBodyHeight() >= -10){//最底部

    // }


    var items = $("#wrapper").find('.ui-coll-list');
    var currentText = "";
    items.each(function(){
    var m = $(this);
    if (fScrollTopHeight() > m.offset().top - 86) {
    currentText = m.find('.head').text();
    }else{
    return false
    }
    });
    if (currentText) {
    fixedbar.innerHTML = currentText;
    };

    if (fScrollTopHeight() > 5) {
    fixedbar.style.display="block";
    }else{
    fixedbar.style.display="none";
    }
    });
    })

  • 相关阅读:
    命令模式
    责任链模式
    代理模式
    享元模式
    195 Tenth Line
    test命令
    read命令
    echo命令
    java反射
    http状态码
  • 原文地址:https://www.cnblogs.com/nuoyiamy/p/5481674.html
Copyright © 2011-2022 走看看