2017-05-23 8 views
0

私はページに保持しようとしている2つのdivを持っています。私は彼らが動くのを望んでいない。どちらも固有のid:search_boxとmenuButtonを持っています。私は、次のコードを実装しようと、それはsearch_box IDで一部のために働い:jQuery .scroll。複数の要素のアニメーション

$(document).scroll(function() { 
 
     $("#search_box") 
 
     .stop() 
 
     .animate({ 
 
      "marginTop": ($(window).scrollTop() + 5) + "px" 
 
     }, 0);

私は2番目のdivのためにそれを行うにはしようとしたときしかし、それは動作しませんでした。私はテストと呼ばれるクラスを作成しようとし、両方のdivにクラスを追加しようとしたが動作しませんでした。私は$( "#search_box" "#menuButton")を試しました。私は非常にjsを知っていたので、この時点ではどのように進むべきかわかりません。

答えて

0

あなたはCSS

#search_box, #menuButton { 
    position: fixed; 
    top: 5px; 
} 

もう一つでこれを行うことができ、これは動作しませんでした複数のjQueryのセレクタ

$("#search_box, #menuButton") 
+0

CSSで作業しましたが、幅100%を追加する必要がありました。それ以外の場合は、重なりがありました。しかし、それは$( "#search_box、#menuButton")で動作しませんでした。いずれにせよ、ありがとう! –

0

この

$("#search_box", "#menuButton") 

セパレータとしてカンマを使用してみてください。

+0

を使用する方法です。最初のdivをその位置にして、2番目のdivを正常にスクロールさせました。私は正直なところこの時点で失われています –

関連する問題