2016-04-13 7 views
0

私の問題は三角CSS境界です。divでスクロールするcss border

ここですべて見ることができます。よく説明するために、私は自分の問題のイメージを入れます。

は私がした何:私はli要素をクリックしたとき、私はクラス「ACTIVO」を追加し、彼はこのような結果になります:

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

bassiclly、彼は三角形を追加します。しかし、あなたがこれをスクロールすると、三角形は一緒にならない。同様に:

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

ここでは、ビンです:http://jsbin.com/cexevu/edit?output

おかげで

+0

私はjsbinコードにアクセスできないが、スクロール可能なコンテンツ内のトライアングルをリスト項目の相対位置として追加しようとしましたか?それ以外の場合は、jsを使用して、三角形の位置をそのコンテナのscrollTopと同期させる必要があります。これは性能とあなたのfpsに影響するので、これは素晴らしいことではありません。 –

+0

私はそうしたことを知っていますが、あなたが言ったように、それはこの問題のための最善の解決策ではありません。しかし、おかげで:) – pedropcruz

答えて

0

あなたはこのCSSルール

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

を持っているあなたは「あなた、相対的にそのセットをお勧めしますこの変更によって生じる他の問題を修正するだけでなく、それが期待される場所に配置するためにいくつかのCSSを実行する必要があります。次に、スクロールします私はページの残りの部分と一緒にいます。

+0

私は相対的なものを入れようとしたが、私はあなたに問題を表示します:http://i.imgur.com/GJetron.pngこれはスクロールの下に置かれ、私のイデアは、 。そして、私はそれがいくつかの悪いコードだと思う、あなたはどう思いますか?ご回答有難うございます – pedropcruz