現在很多**為了更好的使用者體驗,那麼就會預先載入一部分內容,等到滾動條下拉到底部的時候,然後使用 ajax或其它技術,請求更多的內容,這樣會使網頁的使用者體驗會更好些,那麼這個是怎麼樣做到的呢?現在就在這裡提供一種思路出來...
$(function(){
//思路是:如果內容區域 小於等於 可視區高度加滾動條的高度的話那麼就進行載入...
$(window).scroll(function(){
// document 文件高度
var docheight = $(document).height();
// window 可視區高度
var rollheight = $(window).height();
//window 滾動條高度
var scrheight = $(window).scrolltop();
//如果內容區域 小於等於 可視區高度加滾動條的高度的話那麼就進行載入...
if (docheight <= (rollheight+scrheight)) {
//你所要執行的其它**...
alert(1);
jquery獲取滾動條下拉值 下拉式載入資料
var docheight document height 獲取整個頁面的高度 var winheight window height 獲取當前窗體的高度 用window獲取的值跟document獲取的值是相同的不能用 var innerhei window.innerheight 獲取當前窗體的高...
jQuery根據滾動條位置載入相應的內容
先靜態布局好html結構,使用偽類 hover模擬動畫效果,再使用jquery 控制動畫類名的切換來實現效果!主要判斷滾動的方向,以及相應方向上載入動畫的時機 即何時才載入動畫的判斷條件!關鍵點!向下滾動載入動畫判斷條件 中addclass 函式 向上滾動載入動畫判斷條件 中addclass2 函式...
下拉載入更多內容(滾動載入)
最近寫專案,要求實現滾動條滾動到底部的時候請求載入更多的資料。要實現此功能首先想到的就是scroll事件,經過查閱資料終於實現此功能,具體原理如下 首先需要給div加scroll事件,監聽滾動條滾動動作。滾動載入的原理 當滾動條的高度加上 滾動條到div頂部的高度 等於div的可滾動高度時,說明滾動...