廢話不多說了，關鍵代碼如下所示：
<!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> new document </title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><meta name="author" content="" /><meta name="keywords" content="" /><meta name="description" content="" /><link rel="stylesheet" type="text/css" href="" /><style type="text/css">.tp{height:60px;width:100%;}</style></head><body><script type="text/javascript" src="jquery-1.7.1.min.js"></script><script type="text/javascript">var T=0;$(window).scroll(function() {T=$(document).scrollTop();if(T>=$(".header-wrap").height()){$(".fixed-box-wrap").slideDown(800);}else{$(".fixed-box-wrap").slideUp(800);}} );</script><div style="display:none; position:fixed;top:0px;width:100%;" class="fixed-box-wrap"><img class="tp" src="001.jpg" /><div class="header-wrap" style="color:red;"></div></div>落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br />落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> 落霞與孤鶩起飛；秋水共長天一色。<br /> </body></html>
以上所述是小編給大家介紹的基於JavaScript實現滑鼠向下滑動載入div的代碼，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對雲棲社區網站的支援！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
