一款用于捕獲各種滾動事件的插件?Waypoints。同時Waypoints還支持固定元素和無限滾動的功能,功力十分強大。

一、最簡易的使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>waypoints的最簡單使用</title>
<!-- 定義css樣式 -->
<style>
*{
padding: 0;
margin: 0;
}
#example-basic{
height: 500px;
text-align: center;
}
</style>
<!-- 引入js文件 -->
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/jquery.waypoints.js"></script>
<script src="js/jquery-ui.min.js"></script>
<!-- 啟動waypoints -->
<script>
$(function () {
$(‘#example-basic‘).waypoint(function() {
console.log("hi,example-basic,你的頂部碰到了瀏覽器窗口的頂部!");//測試打開web調試器,看控制臺信息
});
});
//注:無論是鼠標向上或向下只要該元素的頂部碰到瀏覽器的頂部都會觸發waypoints事件
</script>
</head>
<body>
<div >one div</div>
<div id="example-basic">example-basic.</div>
<div >one div</div>
</html>另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
當前文章:JS庫之Waypoints的用法詳解-創新互聯
瀏覽地址:http://www.yijiale78.com/article14/dicpge.html
成都網站建設公司_創新互聯,為您提供網站內鏈、手機網站建設、網站設計公司、品牌網站設計、ChatGPT、網站營銷
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯