<!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd "><HTMLxmlns= "http://www.w3.org/1999/xhtml"><Head> <title>Scroll Demo</title> <style>Body{margin:0px;padding:0px;Height:900px; }#tip{position:Absolute; Right:0px;width:200px;Height:200px;Border:1px solid Red; } </style> <Scriptsrc=".. /js/jquery-1.7.2.min.js "type= "Text/javascript"></Script> <Scripttype= "Text/javascript"> $(function(){ varTipobj= $("#tip"); varTipheight=tipobj.height (); //Visualization Height varclientheight=$ (window). Height (); varHeight=clientheight-Tipheight; //Window Scroll Event$ (window). Scroll (function(){ //Alert ("Window Scroll event!!! "); varscrolltop= $( This). scrolltop (); varCurrentheight=(Height+scrolltop)/2;Tipobj.css ("Top", Currentheight+"px"); }). Trigger ("Scroll"); }); </Script> </Head><Body> <DivID= "Tip"> </Div></Body></HTML>
Scroll event:
Http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_scroll
jquery Scroll Events