-
var windowHeight = $(window).scrollTop() + $(window).height(); //窗口滾動(dòng)高度+屏幕可視高度查看全部
-
固定邊欄滾動(dòng)特性查看全部
-
固定邊欄滾動(dòng)特性查看全部
-
發(fā)現(xiàn)js中的cssText它的作用的替換，顯然，當(dāng)滾動(dòng)高度+瀏覽器可見高度大于側(cè)邊欄高度時(shí)，案例中用了cssText="position:fixed;right:0;bottom:0;"是有問題的，因?yàn)樗鎿Q了原本為側(cè)邊欄設(shè)置的寬度width:33%;這樣就造成側(cè)邊欄的寬度出現(xiàn)變化。后面就css就只有position:static;right:0;bottom:0;沒有了寬度查看全部
-
dom.style.cssText="position:fixed;"查看全部
-
超過左欄高，左欄寬變小，再上拉寬又比加載時(shí)大，用審查檢查發(fā)現(xiàn)當(dāng)超過sideHeight高，cssText“替換”了左欄CSS屬性為fixed；right：0；top：-1609。再上拉由于else里只是“更改”position屬性，所以遺留了 right；top屬性導(dǎo)致的 方案：if與else后跟的語句都運(yùn)用cssText進(jìn)行替換 if是style.cssText='width:33%;position:fixed;right:0;top:'+(-(sideHeight-screenHeight))+'px' else是style.cssText='width:33%;float:right'查看全部
-
滾定邊欄查看全部
-
固定邊欄滾動(dòng)查看全部
-
固定邊欄滾動(dòng)查看全部
-
實(shí)現(xiàn)關(guān)鍵點(diǎn)查看全部
-
老師寫的兼容性事件chuli可能不全 addHandler : function (element,type,listener) { if (element.addEventListener) { // 2級(jí) DOM element.addEventListener(type, listener, false); } else if (element.attachEvent) { // IE element.attachEvent('on' + type, listener); } else { // 0級(jí) DOM // element.onclick === element['onclick'] // 在這里由于.與'on'字符串不能鏈接，只能用后者 element['on' + type] = listener; } }查看全部
-
右側(cè)邊欄不跟著左側(cè)邊欄滾動(dòng) 實(shí)現(xiàn)技術(shù)：查看全部
-
e查看全部
-
JavaScript事件的封裝查看全部
舉報(bào)
0/150
提交
取消