...
滾動下拉到頁面底部加載數據是很多瀑布流網站的做法,那來看看配合jsonp是如何實現的吧,小菜總結記錄之用,高手勿噴。 當然本例子采用的是jquery庫,后期會做成原生js。 本例的數據調用的是鋒利的jquery一書提供的一段json。 首先要先判斷頁面怎么樣才是滾動到底部,也就是scrollTop window的height是否大於document的height,jquery如下代碼: windo ...
2013-05-12 16:45 0 5348 推薦指數:
...
...
這個實例應該說可以很簡單,直接使用jQuery的方法來處理也是可以的。但本文底層使用原生的js來處理,遇到一些小知識點可以分析一下也算有所得。 原理很簡單,就是為window添加一個scroll事件,瀏覽器每次觸發scroll事件時判斷是否滾動到了瀏覽器底部,如果到了底部則加載新數據 ...
第6天 實現第二個小插件,在歐巴和百度的幫助下完成的。 首先分析思路: 1、首先判斷現在是否滾動到頁面底部。獲取當前滾動條到頂部的距離、文檔高度、當前窗口瀏覽器高度。 2、滾動到底部時出現正在加載數據的動畫,到數據加載完成時動畫消失。 3、自動追加內容。這個要用到ajax。 代碼 ...
...
$(document).scrollTop() 獲取垂直滾動的距離 即當前滾動的地方的窗口頂端到整個頁面頂端的距離 $(document).scrollLeft() 這是獲取水平滾動條的距離 ...
...
scrollTop 頁面滾動的高度, clientHeight 可視區域高度 scrollHeight 可滾動內容的高度 mounted(){ // 添加滾動事件,檢測滾動到頁面底部 ...