2013-10-15 83 views
0

我必須準備一個帶有側邊欄的網站。在另一個div中粘滯邊欄

鏈接到此頁:http://iem.pw.edu.pl/~witkowr1/cwiczenie1/menu.html

在這個子頁面我嘗試做粘圖像驗證,它不是工作。 我送的示例代碼:

function fixDiv() { 
    var $cache = $('#validator'); 
    if ($(window).scrollTop() > 100) $cache.css({ 
     'position': 'fixed', 
      'top': '10px', 
      'right': '40px' 
    }); 
    else $cache.css({ 
     'position': 'absolute', 
      'top': '75px', 
      'right': '40px' 
    }); 
} 
$(window).scroll(fixDiv); 
fixDiv(); 

但我的主要問題是粘菜單,我沒有任何想法。

+0

爲什麼不給你的「粘」div固定位置在第一位? – qternion

+0

我不明白你想要做什麼。你在頁面頂部有一個驗證器中心,在滾動(100px之後)時,你將它從流中移除,使其固定,如果它小於100px,那麼它就是絕對的......所以你試圖做什麼.. 。從一開始就讓驗證器變得粘稠,或者當你滾動<100px時,你想在起始位置返回它。目前尚不清楚...... – drip

回答

0

試着給你的「#menu」 DIV這些樣式:

#menu { 
    position: fixed; 
    top: 10px; 
    left: -20px; 
    width: 20%; 
    float: left; 
} 

此外,您可能想要刪除溢出:從主體元素隱藏。