JS | desplazamiento de la ventana de la parte superior ventana flotante campo de página

Descripción de la escena:

Cuando la ventana para desplazarse hasta el importe reconocido en este párrafo no están buscando, que necesita a la lista de "espera cantidad de identificación" y "El importe de la reclamación" sobre el terreno para formar una ventana flotante se fija en la parte superior de la página, por el contrario, si el desplazamiento para reconocer este párrafo cuando la cantidad de visible, no es necesario mostrar esta ventana flotante.

 

 la implementación del código:

    <style type = " text / css " > 
       .fdPhone { 
            anchura: 900px; 
            posición: fijo ; 
            _position: absolute; 
            posición: fijo ;  
            top: 0px; 
            display: none; 
            margen -IZQUIERDA: 3 % ; 
             z -índice: 999 ; 
        }
     </ Style> 

    <div clase = " fdPhone " > 
        <table clase = " QueryTable" > 
            <Tr> 
                <td clase = " tdheader " >待认领金额</ td> 
                <td clase = " tdcontent " > 
                    <input type = " texto " id = " txt-WaitConfirmAmt1 "  clase = " -control de formulario " desactivado = " desactivado " /> 
                </ td> 
                <td clase = "tdheader " >本次认领金额
                 </ td> 
                <td clase = " tdcontent " > 
                    <input type = " texto " id = " txt-ConfirmAmt1 "  clase = " -control de formulario " desactivado = " desactivado " /> 
                </ td> 
            </ tr> 
        </ table> 
    </ div> 

    <script type = " text / javascript " > 
　　　　$ (function () { 
  　　　　$ (ventana).desplazamiento (function () { 
    　　　　si($ (Ventana) .scrollTop ()> 2 = 00 ) { // desplazamiento hacia abajo del píxel es superior a este valor, aparecerá el icono de la ventana flotante ~ 
     　　　　 $ ( ' .fdPhone ' ) .fadeIn ( 300 ); // ventana flotante se desvanecen , menor será el que aparece más rápido ~ 
  　　　　  } else { 
    　　　　  $ ( ' .fdPhone ' ) .fadeOut ( 300 ); // flotador ventana de desvanecimiento, menor será la desaparición más rápida ~ 
   　　　　 } 
 　　　　 }); 
 　　　　 $ ( ' .actGotop ' ) .click (function () {$ ( ' HTML, el cuerpo ' ) .animate ({scrollTop: ' 0px ' }, 800 );});// ventana de tiempo de permanencia de animación flotante, cuanto menor sea la desaparición más rápida ~ 
　　　　});
     </ script>

Nota especial:

El código en CSS, HTML, JS tres contenidos, CSS necesario tener en cuenta que hay una ventana flotante necesidades jerarquía de imágenes DIV a estar al máximo, para evitar que la ventana flotante está cubierta por otro tipo de contenido

 z-index: 999;