拖動滾動條實現內容自動載入效果
現在很多網站都有這樣的功能,那就是拖動滾動條實現元素自動載入效果。
也算是當前比較時尚的一種呈現,當然有喜歡的也有不喜歡的,下面就是一個程式碼片段。
需要的朋友可以做一下參考,程式碼如下:
[JavaScript] 純文字檢視 複製程式碼var loading = false; $(window).scroll(function(){ if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){ if(loading == false){ loading = true; $('#loadingbar').css("display","block"); $.get("load.php?start="+$('#loaded_max').val(), function(loaded){ $('body').append(loaded); $('#loaded_max').val(parseInt($('#loaded_max').val())+50); $('#loadingbar').css("display","none"); loading = false; }); } } }); $(document).ready(function() { $('#loaded_max').val(50); });
相關文章
- 拖動滾動條實現網頁內容自動載入程式碼例項網頁
- 拖動滾動條實現側欄導航定位效果
- 拖動滾動條實現div跟隨效果程式碼例項
- css實現隱藏滾動條並可以滾動內容CSS
- 拖動滾動條載入資料程式碼例項
- 實現隨著滾動條滾動,導航會自動切換的效果
- 側欄懸浮導航選單拖動滾動條可以自動定位效果
- 3種方法實現CSS隱藏滾動條並可以滾動內容CSS
- jQuery根據滾動條位置載入相應的內容jQuery
- Delphi中TFlowPanel實現滾動條效果
- 實現動態自動匹配輸入的內容
- 隱藏滾動條保留滾動效果
- 滑鼠雙擊頁面實現自動滾動效果
- js實現的模擬滾動條效果JS
- 移動端觸屏拖動頁面滾動效果
- 網頁內容部分設滾動條網頁
- js實現的文字框輸入內容自動提示效果程式碼JS
- Vue完美記住滾動條和實現下拉載入Vue
- 按鈕滾動條效果
- 前端實現文字滾動效果前端
- angular 監聽 Windows 滾動事件 實現頁面滾動載入AngularWindows事件
- js實現 web頁面的滾動條下拉時載入更多JSWeb
- 滾動載入圖片(懶載入)實現原理
- 表格拖動滾動條標題固定程式碼例項
- 移動端無限滾動載入 js實現原理JS
- JS模擬滾動條(有demo和原始碼下載,支援拖動 滾輪 點選事件)JS原始碼事件
- javascript模擬實現滾動條效果程式碼例項JavaScript
- css實現視差滾動效果CSS
- 微信小程式實現滾動載入更多微信小程式
- django 實現滾動載入的功能薦Django
- 關於用jquery.masonry.js實現動態載入效果(當頁面滾動條拉到底部時時重新載入圖片)jQueryJS
- html隨意拖動內容位置的兩種實現方式HTML
- css實現隱藏滾動條CSS
- Flutter 滾動元件內容更新時自動定位到底端的方法Flutter元件
- Android 設定TextView滑動滾動條和滑動效果AndroidTextView
- vue 滾動載入Vue
- 巢狀滾動效果實現討論巢狀
- php 自動類載入類 composer.json 實現自動載入PHPJSON