2016-04-13 74 views
0

我的問題是三角形的css邊框。div上的三角形css邊框滾動

你可以在這裏看到它,爲了解釋得好,我會把我的問題的圖像。

我做什麼:當我點擊一個li元素上,我添加了一個類「ACTIVO」,他使這個結果:

http://i.imgur.com/J8Zgp5i.png

bassiclly,他加入了三角形。但是當你滾動這個時,這個三角形不會隨之而來。像:

http://i.imgur.com/sVrlL89.png

這是垃圾桶:http://jsbin.com/cexevu/edit?output

感謝

+0

我無法訪問jsbin代碼,但是您是否試圖將可滾動內容中的triange添加爲列表項的相對位置?否則,您需要使用js將三角形位置與該容器上的scrollTop同步。這不會太好,因爲它會影響性能和fps。 –

+0

我知道這樣做,但正如你所說,這不是這個問題的最佳解決方案。但是,謝謝:) – pedropcruz

回答

0

你有這樣的CSS規則

.it_menuUtilizador nav .it_submenu li .activo:before { 
    content: ''; 
    position: absolute; 
} 

你會想:被設置爲相對的,那麼你」必須做一些CSS來讓它定位在你期望的位置,以及解決由這個改變引起的其他問題,然後它將滾動l與頁面的其餘部分一起。

+0

我試圖把有相對的,我會告訴你的問題:http://i.imgur.com/GJetron.png這將放在滾動下,我的ideia放在前面。我認爲這是一些不好的代碼,你覺得呢?感謝您的回答 – pedropcruz