如何修復使用CSS和JS的部門..？

Question

在我的網頁中，左側的分區應固定在特定位置。我正在使用position:fixed;top:150px;left:0px;。所以現在即使我們瀏覽頁面，該部門也不會從當前位置改變。

但是我在這裏面臨一個問題。如果我正在向下滾動頁面150px or more，那麼我在左手邊的頂部獲得150px的空白區域。

因此，我的要求是什麼，如果我向下滾動頁面150px or more那麼左側師的CSS應改爲position:fixed;top:0px;left:0px;和以及當我去到頁面頂部再次的CSS應更改爲position:fixed;top:150px;left:0px爲;

我開始知道這不能只用CSS來完成，我們必須使用JS和CSS。但我不知道該怎麼做。

請幫我... !!

由於提前， Sreeram

Answer 1

因此，基於你上面說你想有一個元素跟着你了網頁，但改變它的頂部位置向下滾動一點辦法後。

我創建了一個jsfiddle，它使用js在文檔滾動過去150px時向元素添加一個類。如果它們滾動回150px以上，它也會刪除該類。

http://jsfiddle.net/KQCRC/

.fix { 
    position:fixed; 
    top:150px; 
    left:0px; 
    width:100px; 
    height:100px; 
    background:#fff; 
} 
.fix.scrolled { 
top:0; 
}