-
小知識(使用jQuery): 1、滾動條發(fā)生滾動時執(zhí)行事件(函數(shù)):$(window).scroll(function(){}) 2、獲取滾動條滾動的距離:$(document).scrollTop()。但是在IE8以下會出錯。 3、attr('href')對href的值不考慮查看全部
-
網(wǎng)頁定位導(dǎo)航特效的原理: 1、利用錨點進(jìn)行定位，即在導(dǎo)航菜單里a標(biāo)簽的href值設(shè)置為(#id) 2、利用jQuery的each遍歷方法(在jQuery)。判斷當(dāng)前樓層的層數(shù)(currentID) 內(nèi)容.each(function(){ if(top>scrollTop){ currentID='#'+導(dǎo)航菜單.attr('id') } else{ return false; } //取消原有的current，將新樓層加上current if(current&¤t!=導(dǎo)航菜單.attr('class')){ 導(dǎo)航菜單.removeclass(); 內(nèi)容.find('[href='+curentId+']').addclass('current'); } }) 3、滾動條改變判斷scrollTop與top的距離來決定導(dǎo)航變化查看全部
-
ie6不支持position:fixed屬性； /*ie6 hack技術(shù)*/ 給背景添加一張空的背景圖片，用來解決閃跳問題 *html,*html body{ background-image:url(about:black); background-attachment:fixed; } 解決滾動條位置不定的方法： *html #menu{ /*position:fixed*/ position:absolute; top:expression(((e=document.documentElement.scrollTop)?document.body.scrollTop)+100+"px"); }查看全部
-
var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop; //var top = document.documentElement.scrollTop || document.body.scrollTop; (兼容性的獲得scrollTop的寫法：)查看全部
-
ie6不支持position:fixed屬性； /*ie6 hack技術(shù)*/ 給背景添加一張空的背景圖片，用來解決閃跳問題 *html,*html body{ background-image:url(about:black); background-attachment:fixed; } 解決滾動條位置不定的方法： *html #menu{ /*position:fixed*/ position:absolute; top:expression(((e=document.documentElement.scrollTop)?document.body.scrollTop)+100+"px"); }查看全部
-
jQuery的offset()方法會返回一個對象，包含top和left屬性。查看全部
-
使用錨點可以在文檔中設(shè)置標(biāo)記，這些標(biāo)記通常放在文檔的頂部。查看全部
-
IETester包含多個版本的IE，可以方便的用來進(jìn)行兼容性測試，獲取下載或者更多信息可以訪問：http://www.my-debugbar.com/wiki/IETester/HomePage查看全部
-
當(dāng)一個元素的實際高度超過其顯示區(qū)域的高度時，在一定的設(shè)置下，瀏覽器會為該元素顯示相應(yīng)的垂直滾動條。此時，scrollTop()返回的就是該元素在可見區(qū)域之上被隱藏部分的高度(單位：像素)。 如果垂直滾動條在最上面(也就是可見區(qū)域之上沒有被隱藏的內(nèi)容)，或者當(dāng)前元素是不可垂直滾動的，那么scrollTop()將返回0。 該函數(shù)屬于jQuery對象(實例)，并且對可見的和隱藏的元素均有效。查看全部
-
、各瀏覽器下 scrollTop的差異 IE6/7/8/9/10： 對于沒有doctype聲明的頁面里可以使用 document.body.scrollTop 來獲取 scrollTop高度 ； 對于有doctype聲明的頁面則可以使用 document.documentElement.scrollTop ； Safari: safari 比較特別，有自己獲取scrollTop的函數(shù) ： window.pageYOffset ； Firefox: 火狐等等相對標(biāo)準(zhǔn)些的瀏覽器就省心多了，直接用 document.documentElement.scrollTop ； 2、獲取scrollTop值 完美的獲取scrollTop 賦值短語 ： 代碼如下: var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; 通過這句賦值就能在任何情況下獲得scrollTop 值。 仔細(xì)觀察這句賦值，你發(fā)現(xiàn)啥了沒？？ 沒錯， 就是 window.pageYOffset (Safari) 被放置在 || 的中間位置。 因為當(dāng) 數(shù)字0 與 undefine 進(jìn)行 或運算時，系統(tǒng)默認(rèn)返回最后一個值。即或運算中 0 == undefine ; 當(dāng)頁面滾動條剛好在最頂端，即scrollTop值為 0 時，IE 下 window.pageYOffset (Safari) 返回為 undefine ，此時將 window.pageYOffset (Safari) 放在或運算最后面時， scrollTop 返回 undefine , undefine 用在接下去的運算就會報錯咯。 而其他瀏覽器 無論 scrollTop 賦值或運算順序如何都不會返回 undefine. 可以安全使用.. 所以說到頭還是IE的問題咯. 杯具…查看全部
-
特效所需要掌握的技術(shù)點查看全部
-
特效設(shè)計查看全部
-
解決問題流程查看全部
-
offset（）：獲取匹配元素的相對偏移。返回的對象包括兩個整形屬性：top和left，以像素計。查看全部
-
scroll事件適用于所有可滾動的元素和window對象（瀏覽器窗口）。 如 當(dāng)頁面滾動條變化時，執(zhí)行函數(shù)。。。： $(window).scroll(function(){**************}); scrollTop([val]):獲取/設(shè)置匹配元素相對滾動條頂部的編譯查看全部
舉報
0/150
提交
取消