我創建使用jQuery的幻燈片和幻燈片停留在屏幕中間，當我向下滾動

Question

http://magician.sdf-eu.org/zee/Click%20This%20One%20To%20View%20What%20I%20Have%20So%20Far.html

非常感謝您的幫助，堆棧溢出。

CSS是這裏

http://magician.sdf-eu.org/zee/css/showcss.css

jQuery的源代碼包含在頁面中。

Answer 1

這是因爲您的「.center」類具有固定位置。試一試切換到絕對的：

.center{ 
    //other styles 
    position: absolute; 
} 

Answer 2

變化position:fixed到position:absolute你.center類

.center 
{ 

    position:absolute; 
    left:50%; 
    margin-left:-490px; 

} 

注：在固定位置的元素相對於瀏覽器的定位。

Answer 3

或代替你可以使用這個

少了幾分代碼:)

Answer 4

badAdviceGuy是正確的，這是因爲你的位置是固定的。這告訴項目保留在這個頁面的這一部分，不管滾動值是什麼。

但是，您甚至不需要在此設置絕對或固定位置。

對你來說一個很好的解決方法是刪除你當前在你的中心標籤上設置的所有樣式。 然後風格像這樣：

.center{ 
    width: 980px; 
    margin: 0 auto; 
} 

我們使用980px，因爲這是你的圖片/圖像容器的寬度和最有可能將永遠是，至少在這個項目上。

並且margin：0 auto，基本上告訴您的中心容器在頂部和底部邊距上添加0px，但將左右邊距設置爲相同的px數量，以便元素在其容器中居中。