2011-11-08 33 views
0

這可能嗎?你可以瑟我的問題就在這裏:http://granjalaaurora.com/test/test-jscrollpane.html修復了與我選擇的div相關的頭寸? jQuery的?

我有這樣的結構:

<div id="content"> 
     <div id="about" class="scroll-pane"> 

        <div id="fixed">Non scrollable text goes here.</div> 

        <p>Scrollable text goes here</p> 
</div> 

的「約格」有類=「滾動窗格」,我不能從那裏刪除類,因爲jquery休息。我說好了,如果我現在想要的約格「非滾動」的約格中的所有內容的部分將滾動,除非我把用裏面的固定位置的股利,但它必須被固定在相對於內容的div ,或者當我改變該部分時,它不會「下去」。

這是我的問題,其他的事與非滾動內容股利不能成爲約格之外,因爲I'T不會在掉色響應和隱藏命令。

任何想法?

在此先感謝

+0

我想弄清楚,爲什麼你不能只是把上面#about #FIXED?所以它出現在它上面,不是滾動內容的一部分? – Kato

+0

感謝您的回答加藤,我解釋了在最後一部分「......其他的事與非滾動內容股利不能成爲約格之外,因爲I'T不會在掉色響應和隱藏的命令。」 – Julittok

回答

1

我解決了類似的問題可能會有所幫助。請參閱Position element fixed vertically, absolute horizontally。我適合什麼,我想會爲你工作的代碼(編輯以滿足你的代碼更多):

HTML

<div id="content"> 
    <div id="about" class="scroll-pane"> 
    <div class="inflow"> 
     <div class="fixed">Non scrollable text goes here.</div> 
     <p>Scrollable text goes here</p> 
    </div>  
    </div>    
</div> 

CSS

div.inflow { 
    border: 1px solid blue; 
    position: relative; 
    height: 1000px; /* just for illustration */ 
} 

div.inflow p { 
     margin-top: 1.5em; /*you need to determine space you need for the fixed element */ 
} 

div.fixed { 
    border: 1px solid red; 
    position: fixed; 

} 

您也許能夠擺脫的inflow股利,並將這些風格直接應用到scroll-pane股利。

+0

好斯科特,這是單純美好,有時我用jQuery,我不能想象,甚至如此迷戀設想任何CSS解決方案,謝謝你一次解決我的問題。 :) – Julittok

+0

太好了。如果能爲您工作,我將非常感激您的投票和接受答案。 – ScottS

+0

對不起斯科特,我不能投票,因爲我在這裏新受:(但我選擇你的答案我接受的答案。再次感謝您 – Julittok

0

這是我的問題,其他的事與非滾動內容 股利不能成爲約格之外,因爲I'T不會給 褪色迴應並隱藏命令。

如果更改淡入/隱藏命令的選擇器,則可以同時選擇/多個元素。選擇器只是用逗號分隔。另一個選擇是創建一個共同的類或屬性,以便您要共享所有要隱藏/淡入的元素,以便只使用一個選擇器。

http://api.jquery.com/multiple-selector/

http://api.jquery.com/attribute-equals-selector/

+0

謝謝Gary.S你回答我正要做到這一點,直到斯科特顯示了冬青聖盃:d – Julittok