2014-01-29 214 views
-1

我一直在爭取2天的問題,它不工作...在滾動時固定div的寬度

我有一個980px寬度的div。在另一個寬度爲100%的div中,當窗口向下滾動時,該另一個div固定但獲得窗口的100%寬度。

如何獲得寬度?更重要的是,我該如何做到響應?

謝謝!

+7

你可以張貼的jsfiddle或鏈接? – Yani

+2

代碼說話多於文字:)張貼您的代碼或只是添加小提琴:) –

+0

http://jsfiddle.net/jialberola/sKHY2/ – jialberola

回答

0

選項:是否要刪除固定位置?如果是 -

在HTML代碼,你把未來固定爲DIV ID和JS代碼,你保持

$("#future-fixed").css({'position' : 'fixed'}); 

讓它評論。

我嘗試瞭解你的問題。

+0

不完全。當你滾動紅色框時獲得文檔的100%寬度,而不是容器寬度,我想在滾動時修復它,但使用容器寬度。 http://jsfiddle.net/jialberola/sKHY2/ 謝謝:) – jialberola

+0

意思是你想限制紅色容器的寬度,當你滾動?對 ? – Rubyist

+0

就是這樣。我試圖把寬度放在px中,但總是保持相同的像素,包括調整窗口大小時。 我需要在滾動時保留相同的可視化。 – jialberola

0

你可以只宣讀了內部容器的寬度,因爲它得到的固定位置..

但你可能要與位置保持一個div容器在100%固定,這樣就可以居中內容。

$('.outer').css({ 
    position: 'fixed', 
    width: $('.inner').outerWidth() 
}); 

例如:http://jsfiddle.net/sx24f/

+0

非常感謝,我會嘗試這條路。 – jialberola

相關問題