jQuery .scroll .animate用于多个元素

时间:2017-05-23 18:48:46

标签: javascript jquery

我有两个div,我试图保留在页面上。我不想让他们搬家。两者都有唯一的ID:search_box和menuButton。我尝试实现以下代码,它适用于具有search_box id的部分:



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




然而,当我尝试为第二个div做这个时,它没有用。我试图创建一个名为test的类,并将该类添加到两个div中,但它没有工作。我尝试了$("#search_box""#menuButton")。由于我对js非常了解,此时我不确定如何继续。

2 个答案:

答案 0 :(得分:0)

试试这个

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

使用逗号作为分隔符。

答案 1 :(得分:0)

您可以使用css

执行此操作
#search_box, #menuButton {
    position: fixed;
    top: 5px;
}

另一件事,这是使用多个jquery选择器

的方法
$("#search_box, #menuButton")