-
1、設(shè)置錨點(diǎn): <a href="#id"></a> 2、右側(cè)導(dǎo)航位置不變(固定定位): position:fixed 3、獲取滾動(dòng)條位置和左側(cè)內(nèi)容區(qū)位置: $(document).scrollTop() $item.offset().top 4、左右側(cè)定位關(guān)聯(lián): if(scrollTop > itemTop){ a.href = $item.id; a.addClass("current") } a[href!=$item.id].removeClass("current")查看全部
-
ul>li*5>a table zencoding查看全部
-
使用錨點(diǎn)可以在文檔中設(shè)置標(biāo)記,這些標(biāo)記通常放在文檔的頂部。查看全部
-
用正則表達(dá)式來(lái) 判斷 cls的值查看全部
-
網(wǎng)站全局靜止特效 樣式技巧: position:fixed;left:50%;margin-left:400px; 先居中,再用margin-left填充,可根據(jù)中間div的寬度來(lái)確定值查看全部
-
div#menu --> <div id="menu"></div> ul>li*5>a 簡(jiǎn)寫查看全部
-
IE6不支持position:fixed這個(gè)屬性查看全部
-
利用正則表達(dá)式編寫addcalss和removeclass查看全部
-
jQuery通過(guò)ID篩選永遠(yuǎn)比Class篩選快很多查看全部
-
在HTML5中使用ID進(jìn)行錨點(diǎn)鏈接查看全部
-
zencoding插件(現(xiàn)改名Emmet) div#menu 按tab ul>li*5>a 按tab 按alt可以縱向選擇(sublime text的整列編輯的快捷鍵:shift + 鼠標(biāo)右鍵)查看全部
-
需要掌握的技術(shù)點(diǎn)查看全部
-
該課程需要用到的技術(shù)和需要克服的難點(diǎn)查看全部
-
幾點(diǎn)知識(shí)查看全部
-
$(document).ready(function() { var items = $('#content').find('.item'); var indicators = $('#menu').find('li [href^="#item"]'); $(window).scroll(function() { items.each(function(index, element) { var top = element.offsetTop; var height = element.offsetHeight; if (window.scrollY >= top - 200 && window.scrollY < top + height - 200) { $(indicators[index]).addClass("current"); } else { $(indicators[index]).removeClass("current"); } }); }); });查看全部
舉報(bào)
0/150
提交
取消