《javascript/jquery判斷窗口滾動一半時加載內(nèi)容》要點:
本文介紹了javascript/jquery判斷窗口滾動一半時加載內(nèi)容,希望對您有用。如果有疑問,可以聯(lián)系我們。
我們經(jīng)常會用到一個特效,就是窗口下拉到一半或更多時,再出現(xiàn)某些內(nèi)容,這個用JS/jquery實現(xiàn),代碼如下:
$(window).scroll(function(){ var cacheName = 'scrolltopcache'; cacheData = $('#cacheobj').data(cacheName) ? parseFloat($('#cacheobj').data(cacheName)) : 0; var sh = $(window).scrollTop(); var wh = $(window).height(); var dh = $(document).height(); var isMax = ( sh + wh)>= dh; var newscrollheight = (sh - cacheData); var isHelf = (newscrollheight >= (wh/2)); if(!isMax && isHelf ){ var link = page.replace('0000', niunum); $.get(link, function (data) { if (data != 0) { $('#loading').remove(); obj.append(data); obj.append('<div id="loading"><img src=...加載動畫條...>正在加載...</div>'); } }, 'html'); $('#cacheobj').data(cacheName,sh); }else if(isMax){ $('#loading').remove(); } });
有用的試下。里面的一些圖片加載條修正一下就好。
轉(zhuǎn)載請注明本頁網(wǎng)址:
http://www.fzlkiss.com/jiaocheng/4.html