課程
/前端開發
/JavaScript
/固定邊欄滾動特效
為什么要定位top
以bottom定位不行么
2016-05-08
源自:固定邊欄滾動特效 2-1
正在回答
jWindow.scroll(function(){
//滾動高度
var scrollHeight=jWindow.scrollTop();
//屏幕高度
var screenHeight=jWindow.height();
//右側邊欄高度
var fixedHeight=$('.fixed').height();
var left=$('.fixed').offset().left;
if(scrollHeight+screenHeight>fixedHeight){
$('.fixed').css({'position':'fixed','top':-(fixedHeight-screenHeight),'left':left});
}
else{
$('.fixed').css({'position':'static','left':0,'top':0});
});
'top':-(fixedHeight-screenHeight) ? ? //當滾動高度+屏幕高度>右側邊欄高度時,右側邊欄的為固定定位,定位top為剩下的高度。
好吧,你方法也可以!
你要仿照別人敲代碼前,必須把你和他的案例條件設為一樣,以免自己錯了找不出原因
DangCode 提問者
那是因為你右側的固定邊欄不夠高,如果你的右側邊欄高度大于一屏的高度,問題就出現了
側邊到底時fixed定位 老師用的是top定位 還需要計算出top的位置為側邊高減去屏幕高 但是用bottom定位 直接0就行了 老師為什么要用top定位啊 有什么玄機么 我試了試bottom:0定位也行啊
不可以,自己測試吧,就能發現為什么了
你是什么定位,代碼
舉報
剖析淘寶首頁固定邊欄滾動特效,通過JavaScript、jQuery等前端技術實現
2 回答top 值的設置不理解
1 回答使用css中position fixed屬性能不能用absolute代替
1 回答ie8為什么不考慮
1 回答為什么不直接放在 $(window).ready(function(){})里直接寫啊
1 回答下載源碼 不懂
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-05-10
jWindow.scroll(function(){
//滾動高度
var scrollHeight=jWindow.scrollTop();
//屏幕高度
var screenHeight=jWindow.height();
//右側邊欄高度
var fixedHeight=$('.fixed').height();
var left=$('.fixed').offset().left;
if(scrollHeight+screenHeight>fixedHeight){
$('.fixed').css({'position':'fixed','top':-(fixedHeight-screenHeight),'left':left});
}
else{
$('.fixed').css({'position':'static','left':0,'top':0});
}
});
'top':-(fixedHeight-screenHeight) ? ? //當滾動高度+屏幕高度>右側邊欄高度時,右側邊欄的為固定定位,定位top為剩下的高度。
好吧,你方法也可以!
2016-05-10
你要仿照別人敲代碼前,必須把你和他的案例條件設為一樣,以免自己錯了找不出原因
2016-05-10
那是因為你右側的固定邊欄不夠高,如果你的右側邊欄高度大于一屏的高度,問題就出現了
2016-05-10
側邊到底時fixed定位 老師用的是top定位 還需要計算出top的位置為側邊高減去屏幕高 但是用bottom定位 直接0就行了 老師為什么要用top定位啊 有什么玄機么 我試了試bottom:0定位也行啊
2016-05-10
不可以,自己測試吧,就能發現為什么了
2016-05-10
你是什么定位,代碼