jQuery .scroll .animate多個元素

我有兩個div，我試圖保留在頁面上。我不希望他們移動。兩者都有一個唯一的id：search_box和menuButton。我試圖實現下面的代碼和它的工作爲與search_box ID部分：jQuery .scroll .animate多個元素

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

然而，當我試圖做的第二個div，它沒有工作。我試圖創建一個名爲test的類，並將該類添加到兩個div，但它不起作用。我試過$（「＃search_box」「#menuButton」）。由於我對js非常瞭解，此時我不確定如何繼續。

來源

2017-05-23 MIchel Georges Najarian

您可以用CSS

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

另一件事做到這一點，這是一種使用多個jQuery選擇

$("#search_box, #menuButton")

來源

2017-05-23 18:53:23

與CSS工作，但需要增加寬度100％，否則有一些重疊。但它不適用於：$（「＃search_box，#menuButton」）。無論哪種方式謝謝你！ –

試試這個

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

使用逗號作爲分隔符。

來源

2017-05-23 18:50:31

這沒有奏效。它使第一個div保持其位置，第二個正常滾動。我老實說在這一點上如此迷茫 –

jQuery .scroll .animate多個元素

回答

相關問題