Tip: you can modify some code before running
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Similar to the menu window in which Taobao hovers over a fixed position on the page</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><!--把下面代码加到<head>与</head>之间--><style type="text/css">* {Padding: 0; margin: 0 ;}# diya {width: 200px; height: 100px; background: # F45; position: absolute; left: 100px; top: 50px; z-index: 5 ;}# bod {width: 400px; height: 400px; position: relative; overflow: auto; background: # 03C; top: 25px ;}</style></head><body><!--把下面代码加到<body>与</body>之间--><div id="bod"><div id="diya"></div><p ></p></div><script type="text/javascript">Function fixedTitle (con, con2) {var bod = document. getElementById (con); var diya = document. getElementById (con2); var Ntop = diya. offsetTop; var tt = 100; var bid = Ntop-tt; bod. onscroll = ss; function ss () {var jia = bod. scrollTop; if (jia <= Ntop) {diya. style. top = Ntop + 'px ';} else {diya. style. top = jia + bid + 'px ';}} fixedTitle ("bod", "diya ")</script></body></html></td> </tr></table>
Tip: you can modify some code before running
