-1

ページを上下にスクロールするとフォローされるソーシャル メディア ボタンのデザインを編集しています。あなたが一番上にいるときだけ見えるように、その振る舞いをやめてほしいです。これは関連するコードだと思います（100％確実ではありません）：

.rt-social-buttons .rt-social-icon {
   height: 43px;
   width: 43px;
   float: right;
   display: block;
   background-repeat: no-repeat;
   margin-bottom: 2px;
   -webkit-transition: width 0.2s ease-in, background-color 0.2s ease-in;
   -moz-transition: width 0.2s ease-in, background-color 0.2s ease-in;
   -o-transition: width 0.2s ease-in, background-color 0.2s ease-in;
   -ms-transition: width 0.2s ease-in, background-color 0.2s ease-in;
   transition: width 0.2s ease-in, background-color 0.2s ease-in;
 }

.rt-social-buttons .rt-social-icon:hover {
   width: 150px;
 }

で、サイトはこちら。

ボタンが動かないようにするには、上記のコードから何を削除する必要がありますか?

4

1 に答える 1

0

スクロール中にボタンがページに引っかかる理由はposition: fixed、.rt-social-buttonsdivにあります。

右側でそれらを静的にするために私がしたことは次のとおりです。

1.) div.rt-social-buttonsはposition:absolute代わりに取得しますposition:fixed

2.) div.rt-social-buttonsは body に引き出されます ( .containerdiv は相対的に配置されるため、.rt-social-buttonsdiv を内部に絶対的に配置すると、同じ場所に配置することはできません。

于 2012-08-30T01:28:54.353 に答える